/*---------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,vietnamese);
/*---------------------------------------------------------------------------------*/
/* RESET */
.row{margin-left: -10px; margin-right: -10px}
.navbar-collapse,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
 .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
 .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
	padding-left: 10px; padding-right: 10px
}
/*Special for upload to wordpress*/
.wp-caption{max-width: 100%; height: auto; margin: 0 auto;}
.wp-caption-text{ text-align: center; font-style: italic; font-size: 13px}
.sticky{}
.gallery-caption{}

.alignleft{text-align: left}
.alignright{text-align: right}
.aligncenter {text-align: center; max-width: 100%; height: auto; margin: 0 auto;}


body {
    background: #FFF none repeat scroll 0 0;
    color: #959595;
	font-family: "Roboto",sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.4; margin-top: 10px; margin-bottom: 10px; font-weight: 500; font-family: "Roboto",sans-serif;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"],
input[type="tel"], input[type="color"], .inputbox {
    border: 1px solid #E5E5E5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 6px 12px;
    width: 100%;
}

a {color: #3fc7f4;}
a:focus {outline: none}
a:hover {text-decoration: none; color: #0057ae;}

b, strong, label{font-weight: 600;}
h1, .h1 {font-size: 18px}
h2, .h2 {font-size: 16px}
h3, .h3 {font-size: 16px}
h4, .h4 {font-size: 16px}
h5, .h5 {font-size: 14px}
ul, ol{margin: 0; padding: 0}
ul li{list-style: inherit;}
.ads-header, .ads-bottom{margin: 15px 0}
.text-links{margin-bottom: 10px}

.btn, .form-submit #submit {
    -moz-user-select: none;
    background-color: #3fc7f4;
    color: #FFF;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: bold;
    
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.btn:hover, .btn:focus {
    color: #FFF;
    text-decoration: none;
    background-color: #0bb9f2;
}
.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn.update{margin-left: 20px}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
.btn-default {
    background-color: #f6f8fa;
    border-color: #d5dfe8;
    color: #686a6f;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #dce4eb;
    border-color: #aec0d2;
    color: #686a6f;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active,
.btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #f6f8fa;
    border-color: #d5dfe8;
}

/*Typography*/
blockquote{font-size: 14px; font-style: italic;}

#wrapper {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    margin: 0 auto;
}

.main{padding: 0 20px; position: relative;}

#content{margin-bottom: 25px}
#topbar{background: #F5F5F5 none repeat scroll 0 0; border-bottom: 1px solid #EEE; font-size: 13px; color: #808080; line-height: 30px; padding: 0 20px}
#topbar .hotline{font-weight: bold; font-size: 15px; color: #eb2525}

/*TOP MENU*/
ul.top-menu li{display: inline; float: left;padding: 3px 0;}
ul.top-menu li a{ color: #555; padding: 3px 10px 3px 0; white-space: nowrap;}

.ads-home-midle{margin: 15px 0; text-align: center;}
.top-ads img,
.ads-home-midle img{max-width: 100%; height: auto;}

nav{margin-bottom: 0}
.navbar{border: none; border-radius: 0px; margin-bottom: 0; min-height: 44px;}
nav, 
.navbar-default{background: #fff;}
.navbar-default .navbar-nav > li > a{white-space: nowrap; color: #3fc7f4; font-weight: bold; text-transform: uppercase;}
.navbar-default .current-post-ancestor,

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current-menu-parent{color: #FFF; background-color: #0bb9f2;}

.navbar-default .navbar-collapse{}
.dropdown:hover .dropdown-menu {display: block;}

.navbar-toggle{float: right; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; padding: 8px}
.navbar-collapse{border-top: none;}


/*Dropdown menus*/
#mobile-menu .dropdown-menu > li > a{border-bottom: none;}
.dropdown:hover .dropdown-menu { display: block; background-color: #0bb9f2; border-top: none; box-shadow: none; font-size: 14px}
.dropdown-menu > li > a{padding: 8px 18px; color: #FFF; border-bottom: 1px solid #FFF; font-size: 14px; font-weight: bold;}
.dropdown-menu > li > a:hover {color: #0057ae; background-color: #FFF;}
.dropdown-menu > li:last-child > a{border-bottom: none;}
.dropdown .dropdown-menu{background-color: #FFF; border: none; min-width: 200px; padding: 0}


/*Logo*/

.logo-text {
    margin: 30px 0;
    text-align: left;
}
.logo-text p {
    font-size: 13px;
}
.logo{margin: 0}

.logo-text #site-title{font-size: 20px; margin: 0}

.navbar-brand a{display: block;}


/*Search*/
.navbar-form{margin: 0}
.header-search{position: relative; width: 120px;}
.header-search i{font-size: 14px; color: #FFF; cursor: pointer;}
.header-search .search-form{display: none;}
.header-search .search-form.show{display: block; border-top: 3px solid #eb2525}
.header-search .cart-table{display: none;}
.header-search .cart-table.show{display: block; border-top: 3px solid #8ec449}

.widget-search i{width: 44px; height: 44px; background-color: #000; color: #FFF; float: left; padding: 14px}
.widget-cart{font-size: 13px;}
.widget-cart img{width: 40px; height: 40px}
.widget-cart i{width: 44px; height: 44px; background-color: #8ec449; color: #FFF; float: right; padding: 14px}
.widget-cart .btn.active{background: #eb2525; margin-top: 20px; width: 100%; text-align: center;}
.widget-cart .btn.active:hover{background: #A90000;}

.search-form input {
    height: 32px;
    width: 133px;
}
.search-form button {
    height: 32px;
    position: relative;
    width: 75px;
    background-color: #333333;
    border: none;
    text-transform: uppercase; color: #FFF; font-size: 13px; font-weight: bold;
}

.top-hotline {margin: 25px 0; text-align: center; font-size: 20px; width: 200px; background: #3fc7f4; color: #FFF; padding: 3px 10px; font-family: "Roboto",sans-serif; border-radius: 2px; float: right;}
.top-hotline a {color: #FFF; text-decoration: none;}

#slideshows{padding: 0}
.banner img:first-child{margin-bottom: 20px}

.search-form {
    background: #fff none repeat scroll 0 0;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 15px 0 15px 15px;
    position: absolute;
    right: 15px;
    top: 44px;
    width: 240px;
    z-index: 99;
}

#appointment{text-transform: uppercase; color: #3fc7f4; background: #F5F5F5; position: relative;}
#appointment a{color: #3fc7f4}
#appointment .container{position: relative;}
#appointment h1{margin: 0; padding: 20px 0; font-size: 22px}
#appointment .btn-banggia{position: absolute ; padding: 8px 20px; border: 2px solid #3fc7f4; border-radius: 2px; right: 15px; top: 15px; background: #FFF; font-weight: bold;}

#appointment2{text-transform: uppercase; color: #3fc7f4; background: #F5F5F5; position: relative; margin-bottom: 0px}
#appointment2 a{color: #3fc7f4}
#appointment2 .container{position: relative;}
#appointment2 h2{margin: 0; padding: 20px 0; font-size: 20px; color: #c20403}
#appointment2 .btn-banggia{position: absolute ; padding: 5px 20px; border: 2px solid #3fc7f4; border-radius: 2px; right: 15px; top: 15px; background: #FFF; font-weight: bold; font-size: 16px}

#application{background: #F5F5F5 url('../images/bg_2.png'); border-bottom: 1px solid #E5E5E5}
#application{padding-top: 20px; padding-bottom: 20px}
#application .box-icon{margin-top: 20px}
#application .box-icon .item{margin-bottom: 10px}
#application i{float: left; font-size: 36px; margin-right: 20px; width: 64px; height: 64px; color: #FFF; background-color: #3fc7f4; text-align: center; padding: 15px 10px}
#application h3{margin-bottom: 5px; margin-top: 10px; font-size: 15px; height: 45px}
#application p{font-size: 13px;}
#application .row div{margin-bottom: 20px; overflow: hidden;}

#introduction{padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #E5E5E5;}
#introduction .box-icon{margin-top: 20px}
#introduction .box-icon .item{margin-bottom: 10px}
#introduction .box-icon i{float: left; font-size: 36px; margin-right: 20px; width: 40px; height: 40px; color: #3fc7f4}


#topsl2 h3 a {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px; 
    color: #3fc7f4;
}

#topsl2 h3 a:hover {
    color: #0057ae;
}

#topsl2 .widget-title {
	font-size: 20px; 
	margin: 0 0 15px; 
	border-bottom: 1px solid #E4E4E4; 
	padding-bottom: 10px; 
	color: #3fc7f4; 
	display: block;
}
#topsl2 p{text-align: justify;}
#topsl2 h2{margin-bottom: 20px; font-size: 20px; color: #3fc7f4}
#topsl2 h5 {
    margin-bottom: 0;
}
#topsl2 {
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #F5F5F5;
}
#topsl2 ul li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 14px;
    overflow: hidden;
    padding-bottom: 14px;
}
#topsl2 ul li img {
    float: left;
    height: 50px;
    margin-right: 15px;
    width: 70px;
}

#topsl2 ul li a {
	color: #3fc7f4; 
}

#topsl2 ul li a:hover {
	color: #0057ae; 
}

#stats{text-align: center; padding: 30px 0; border-top: 1px solid #EEE;}
#stats h5{font-size: 18px; margin: 10px 0}
#stats i{font-size: 36px; width: 40px; height: 40px; color: #3fc7f4}

#breadcrumbs{color: #888; font-size: 14px;}
#breadcrumbs a{color: #888;}
#breadcrumbs a:hover{color: #333;}

#respond{margin-top: 30px;}
#comments h3{margin-bottom: 20px}
#commentform p{margin-bottom: 15px}
.form-allowed-tags code{white-space: normal;}
.commentlist{list-style: none;}
.comment-container .avatar{float: left; margin-right: 5px}
.comment-container .date{font-size: 13px}
.comment-head{margin-bottom: 15px}
.comment-text{background: #F9F9F9; padding: 15px; border: 1px solid #F1F1F1;}
.bypostauthor{margin-bottom: 20px}
.comment-notes{font-size: 13px}

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

#lastest-post .module-title > span, .module-title > span {
    background: none repeat scroll 0 0 #2d6c9a;
    display: block;
    line-height: 32px;
    padding: 0 15px;
}

/*Top Social Icons*/
.follow_icon {
    float: right;
    list-style: none outside none;
    margin: 3px 0 0;
    padding: 0;
}
.follow_icon li {
    float: left;
    margin-left: 5px;
}
.follow_icon a {
    color: #555;
    font-size: 16px;
    transition: all 0.35s ease 0s;
}
.follow_icon a:hover {
    color: #333;
    transition: all 0.35s ease 0s;
    text-decoration: none;
}
.follow_icon li:first-child {
    margin-left: 0;
}

.icon{background: rgba(0, 0, 0, 0) url("images/icon-16x16.png") no-repeat scroll 0 0; background-repeat: no-repeat; display: inline-block; text-indent: -999px; width: 16px; height: 16px; overflow: hidden;}

.icon{ width: 64px; height: 64px; float: left; margin-right: 10px; border-radius: 50%}

.follow_icon .icon.icon-facebook{background-position: 0 -24px}
.follow_icon .icon.icon-youtube{background-position: 0 -47px}
.follow_icon .icon.icon-twitter{background-position: 0 -72px}
.follow_icon .icon.icon-google-plus{background-position: 0 -96px}
.icon-search{background: rgba(0, 0, 0, 0) url("images/btn-search.png") no-repeat scroll 0 0; width: 24px; height: 24px;text-indent: -999px; cursor: pointer; }
.icon-search.icon-close{background: rgba(0, 0, 0, 0) url("images/icon-16x16.png") no-repeat scroll 0 -159px; width: 24px; height: 24px;text-indent: -999px; cursor: pointer; }

/*Social icon and subscise*/
.vnthemes_widget_social {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #EEE;
    margin: 0 0 20px;
}

h3.navbar-brand_ {
    float: none;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
    height: 80px
}

.thumb-pad1 .thumbnail {border: none; padding: 0}
.thumb-pad1 .thumbnail figure {

    padding: 0;
}
.thumb-pad1 .thumbnail figure img {
    width: 100%; height: auto;
}

.thumb-pad2 .thumbnail figure {
    border: 1px solid #dcdada;
    margin: 0 0 18px;
    padding: 10px;
}

.thumb-pad2 .thumbnail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#main-content{}

/*Widget*/
#text-2.widget,
#text-3.widget,
#text-4.widget{}

.widget .btncancel{margin-top: 20px; background: #666; color: #FFF; border: none; font-weight: bold;}
.widget .btncancel:hover{background: #2d6c9a }
.widget{margin-bottom: 20px;}
.widget.widget-ads{padding: 0; border: none; text-align: center;}
.widget .widget-title {text-transform: uppercase; font-size: 14px; margin: 0 0 15px; font-weight: 700; border-bottom: 1px solid #E4E4E4; padding-bottom: 10px; color: #3fc7f4;}
.widget ul{margin: 0; padding: 0}
.widget ul li{list-style: none; }
.widget ul li h4{margin: 0; font-size: 14px; font-weight: 400}
.widget .entry-summary{font-size: 13px}

.sidebar-tool li {
    border: 2px solid #E5E5E5;
    margin-bottom: 20px; height: 60px;
}
.sidebar-tool li a {
    background: rgba(0, 0, 0, 0) url("images/sidebar-tool.png") no-repeat scroll 0 0;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 18px 10px;
    text-transform: uppercase;
}
.sidebar-tool li.hotline a {
    background-position: right 10px;
    padding: 10px;
}
.sidebar-tool li.sale a {
    background-position: right -60px;
    padding: 10px;
}
.sidebar-tool li.letter a {
    background-position: right -130px;
}
.sidebar-tool li.dealer a {
    background-position: right -200px;
}
.sidebar-tool li.calculator a {
    background-position: right -270px;
}
.sidebar-tool li.price a {
    background-position: right -340px;
}
.sidebar-tool li a span {
    color: #c71444;
    display: block;
    font-size: 20px;
}

.vehicle-call-to-action {
    background-color: #c71444;
    float: right;
    font-weight: 700;
    margin-top: 20px;
    text-transform: uppercase; width: 100%;
}
.vehicle-call-to-action:hover {
    background-color: #a9113a;
}
.vehicle-call-to-action a {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 50px 10px 20px;
    position: relative;
}
.vehicle-call-to-action small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}
.vehicle-call-to-action a::after {
    color: #fff;
    content: "→";
    font-family: "icons";
    font-size: 28px;
    line-height: 47px;
    position: absolute;
    right: 13px;
    top: 0;
    z-index: 3;
}

/* TABBER */
#tabber { display: block; background: #fff; height: auto; margin: 0px 0px 25px 0px; overflow: hidden; font-size: 13px}
#tabber .inside { border: 1px solid #e6e6e6; padding: 10px 20px 10px 20px; }
#tabber ul.tabs { border: none; border-left: 1px solid #e6e6e6; overflow: hidden; height: 40px; margin: 0 0 -1px 0; }
#tabber ul.tabs li {border-top: 1px solid #e6e6e6; float: left; display: inline; font-size: 12px; cursor: pointer; font-weight: bold;}
#tabber ul.tabs li a.selected { background: #fff; border-bottom: 1px solid #fff; color: #333; }
#tabber ul.tabs li a:hover { color: #444; }
#tabber ul.tabs li a { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; color: #999; display: block; float: left; padding: 0 11px; line-height: 38px; text-transform: uppercase; }
#tabber .inside li { background: none; border-bottom: 1px solid #e6e6e6; padding: 10px 0px; overflow: hidden;}
#tabber .inside li a { color: #333; line-height: 18px; }
#tabber .inside li div.info { display: table; top: 0px !important; margin: 0px !important; padding: 0px !important; }
#tabber .inside li span.meta { display: block; font-size: 11px; margin-top: 2px; text-transform: uppercase; color: #999; }
#tabber .inside li span.meta a { color: #999; }
#tabber .inside li span.meta a:hover { color: #333; text-decoration: none; }
#tabber .inside li img.avatar, 
#tabber .inside li img.entry-thumb { float: left; display: inline; margin: 0 15px 10px 0; width: 80px; height: auto;}
#tabber .inside #recent-comments ul li img{width: 48px}

#sidebar-left .widget{border: none; padding: 0; margin-bottom: 20px;}
#sidebar-left .widget ul li{border-bottom: 1px dotted #E5E5E5; padding-bottom: 10px; margin-bottom: 10px; font-size: 13px; }
#sidebar-left .widget ul.menu li, .sidebar-left .widget.widget_categories ul li{background: url("images/list.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0); padding-left: 20px}
#sidebar-left .widget ul.menu li:hover, .sidebar-left .widget.widget_categories ul li:hover{background: url("images/list.png") no-repeat scroll 0 -37px rgba(0, 0, 0, 0); padding-left: 20px}

/*#sidebar-left .widget ul li:last-child, .widget ul li:last-child{border-bottom: none;padding-bottom: 0; margin-bottom: 0}*/
#sidebar-left .widget ul li a{color: #2d6c9a}
#sidebar-left .widget ul li a:hover{color: #45a863}

.widget_product {margin-bottom: 20px}

.widget_bulletin ul {
    margin: 0;
    padding: 0;
}
.widget_bulletin ul li h4 {
    font-weight: normal;
    margin: 10px 0
}
.widget_bulletin ul li {
    border-bottom: 1px solid #eee;
    list-style: outside none none;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 15px;
}
.widget_bulletin ul li:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget_bulletin ul li a {
    color: #555;
}
.widget_bulletin ul li a:hover {
    color: #008bc1;
}
.widget_bulletin img {}

.widget_bulletin.style2 img{float: left; margin-right: 10px;}
.widget_bulletin.style2 ul li{margin-bottom: 5px; padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.widget_bulletin.style2 ul li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.widget_bulletin.style2 ul li h4{margin: 0 0 5px;}

/*Social Widget*/

.social-icons {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px;
}
.social-icons ul {
    overflow: hidden;
}
.social-icons li {
    float: left;
    height: 33px;
    line-height: 1.3;
    margin: 0 0 10px;
    padding: 3px 0 0 38px;
    width: 50%;
}
.social-icons li a, .social-icons li a:visited {
    color: #444;
    font-size: 11px;
    font-weight: bold;
}
.social-icons li span {
    color: #999;
    display: block;
    font-size: 11px;
}
.social-icons .icon-rss {
    background: rgba(0, 0, 0, 0) url("images/ico-rss.png") no-repeat scroll 0 0;
}
.social-icons .icon-google {
    background: rgba(0, 0, 0, 0) url("images/ico-google.png") no-repeat scroll 0 0;
}
.social-icons .icon-twitter {
    background: rgba(0, 0, 0, 0) url("images/ico-twitter.png") no-repeat scroll 0 0;
}
.social-icons .icon-facebook {
    background: rgba(0, 0, 0, 0) url("images/ico-facebook.png") no-repeat scroll 0 0;
}

/* Pagination*/

.pagination{margin: 0; padding: 10px 20px}
.pagenavi {
    margin-bottom: 20px;
    margin-left: 15px;
}
.pagenavi span, .pagination span {
    padding-right: 20px;
}
.pagenavi a, .pagination a, .pagenavi a.current {
    margin: 0 3px;
    padding: 3px 10px; background: #555; color: #FFF
}
.pagination span.current{background: #eb2525;margin: 0 3px; padding: 3px 10px; color: #FFF}

/*end pagination*/



.icon-label {
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    height: 22px;
    left: 10px;
    line-height: 22px;
    padding: 0 12px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    width: auto;
}
.hot-label {
    background: #d90036 none repeat scroll 0 0;
}
.sale-label {
    background: #00aeef none repeat scroll 0 0;
}
.new-label {
    background: #5fb928 none repeat scroll 0 0;
}

/*Cart view*/
#cart_view img{width: 40px; height: 40px; border: 1px solid #EEE; padding: 2px}

/*Product Content*/
.product-info ul li label{width: 100px; float: left; display: inline-block;}
.product-info .addtocart{margin-top: 20px; position: relative;}

.product-info .addtocart input[type="text"].quantity, input[type="text"].quantity{width: 42px; height: 37px; text-align: center;}
.product-info .addtocart .btnAddAction{background: #3fc7f4; color: #FFF; border-radius: 2px; padding: 8px 20px; border: none; font-weight: bold; text-transform: uppercase; margin-left: 10px}
.product-info .addtocart .btnAddAction:hover{background: #0bb9f2;}

/*Single content*/

.entry-meta{font-size: 11px; text-transform: uppercase; color: #888}
.entry-meta a, .post-date{color: #888}
.entry-meta a:hover{color: #333333}

.featured-image{margin-bottom: 20px}
.heading h1{color: #2d6c9a}
.breadcrumb{background: none; padding: 5px 0; margin-bottom: 0; font-size: 13px; color: #888}
h1.entry-title, h1.page-title{font-size: 20px; padding: 0; color: #3fc7f4}

.heading{margin-bottom: 15px;}

.category .heading{margin-bottom: 15px; background: rgba(0, 0, 0, 0) url("images/bg_head_nav.png") repeat-x scroll 0 10px}
.category .heading h1 {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    padding-right: 15px;
    text-transform: uppercase;
    color: #eb2525
}

.entry.entry-content{font-size: 14px; line-height: 1.6}
.entry.entry-content ul, .entry.entry-content ol{margin-left: 30px; margin-bottom: 20px} 
.entry.entry-content ul li, .entry.entry-content ol li{margin-bottom: 3px}
.entry-content a{color: #3fc7f4;}
.entry-content a:hover{color: #0057ae;}
.entry-content .content-top-ads{text-align: left; margin: 15px 0;}
.entry-content .content-bottom-ads{text-align: center; margin: 0;}
.entry-content .content-top-ads img, .entry-content .content-bottom-ads img{width: auto; text-align: center; border: none;padding: 0; margin: 0}
#content .entry-content ul, #content .entry-content ol{margin: 10px 0 10px 30px}
#content .entry-content #comments ol{margin: 10px 0}
#content .entry-content ul.nav{margin: 0}
#content .entry-content ul li{list-style: disc;}

#content .entry-content .entry-tags {
    border-bottom: 1px dotted #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.entry-content .tag-links{margin: 10px 0 20px; font-size: 12px; border-bottom: 1px solid #EEE; padding-bottom: 20px}

.entry-content .tag-links a {
    color: #999;
    display: inline-block;
    font-size: 12px;
    line-height: 1.27273;
    margin-left: 5px;
    position: relative;
}
.entry-content .tag-links a:hover {
    color: #000; text-decoration: underline;
}

.nav-links {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    hyphens: auto;
    word-wrap: break-word;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
.post-navigation{margin: 30px 0}
.post-navigation a, .image-navigation a {
    color: #2b2b2b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.71429;
    text-transform: none;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 11px 0 12px;
}

.post-navigation .meta-nav {
    color: #767676;
    display: block;
    font-size: 12px;
    font-weight: 900;
    line-height: 2;
    text-transform: uppercase;
}

.divider{border-bottom: 1px solid #EEE; padding: 0 10px 15px; margin-bottom: 15px; }
.blog-item .thumbnail{margin-bottom: 0}
.blog-item .entry-summary{margin-top: 5px; font-size: 13px}

.related-post h4{font-size: 14px; font-weight: bold; margin: 5px 0}
.related-post .related-loop .post-item{margin-bottom: 15px; overflow: hidden;}

/*Page content*/

.contact-content{margin-top: 30px;}
.contact-content ul.contact-form li{margin-bottom: 10px;}
.contact-content input[type="submit"]{width: 100%; border-radius: 2px; text-transform: uppercase; font-weight: bold;}
.contact-content input[type="submit"]:hover{color: #FFF; background-color: #35770a}

/*Login Form*/

.login-form{max-width: 320px; margin: 30px auto; padding: 20px; border-radius: 2px; border: 1px solid #EEE; background-color: #F5F5F5}
#wp-submit{width: 100px; text-transform: uppercase; font-weight: bold;}

/*Comment form*/
#comments {
    position: relative;
}
#comments h3 {
    color: #333;
    font-family: Georgia,serif;
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0;
}
#comments .comment {
    list-style-type: none;
    width: 100%;
}
#comments .comment .comment-container {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
#comments .comment-head {
    float: left;
    margin: 0 20px 0;
    width: 70px;
}
#comments .avatar {
}
#comments .avatar img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 0;
    padding: 3px;
    vertical-align: middle;
}
#comments .name {
    font-size: 14px;
    font-weight: bold;
}
#comments .date, #comments .edit, #comments .perma {
    color: #999;
    font-size: 11px;
    font-style: italic;
}
#comments .arrow {
    background: rgba(0, 0, 0, 0) url("images/comment-arrow.png") no-repeat scroll 0 0;
    display: block;
    height: 18px;
    left: 102px;
    position: absolute;
    width: 9px;
}
#comments .comment-info {
    margin-bottom: 5px;
}
#comments .comment-entry {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    padding: 15px 20px 5px;
}
#comments .comment-entry p {
    margin: 10px 0 10px;
}
#comments .reply {
    padding-top: 5px;
}
#comments .reply a {
    font: 11px/18px sans-serif;
    margin: 0;
    padding: 1px 6px;
    text-shadow: none;
}
#comments .reply a:hover {
    background-color: #e6e6e6;
}
#comments ul.children {
    margin: 0 0 0 25px;
    padding: 0;
}
#comments ul.children li {
}
#comments .comment-container .cancel-comment-reply {
    margin: 10px 0;
}
#comments .comment-container #respond h3 {
    margin: 10px 0;
}
#comments .navigation {
}
#comments .navigation a {
    display: block;
    margin: 15px 0 0;
    text-decoration: none;
}
#comments .navigation a:hover {
}
#comments h3#pings {
    margin-top: 25px;
}
#comments .pingbacks li.pingback {
    margin: 10px 0;
}
#comments .pingbacks li.pingback .reply {
    display: none;
}
#comments p.nocomments {
    margin: 15px 0 0;
}

/* FLICKR */
.widget_tj_flickr { padding:1px 0 5px; }
.widget h3 span span { color:#FF1183; }
.widget .flickr_badge_image { float:left; margin:0px; width: 25%; }
.widget .flickr_badge_image .wrap { position:relative; margin-bottom:20px; padding:0; }
.widget .flickr_badge_image a img { display:inline; float:left; background:#fff; margin:4px 4px 0px 0px; padding:4px; border:1px solid #e9e9e9; width: 100%; height: auto;}
.widget .flickr_badge_image a:hover img { background:#fbfbfb; border-color:#e5ecf1; }

.authorbox img{float: left; margin-right: 20px;}
.authorbox{border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding-bottom: 20px;}

/*Video Responsive*/
.video-container{height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; }
.video-container iframe, .video-container object, .video-container embed { height: 100%; left: 0; position: absolute; top: 0;width: 100%;}

.popup-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.popup-container iframe,
.popup-container object,
.popup-container embed,
.popup-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.media-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; 
	overflow: hidden;
}
 
.media-container iframe,
.media-container object,
.media-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

footer{background: #0bb9f2; padding-top: 10px; padding-bottom: 10px; color: #FFF; font-size: 14px;}
footer a{color: #FFF}

.footer-promotion{background-color: #eb2525; padding: 20px 10px; text-transform: uppercase; color: #FFF; text-align: center;}

.footer-info{background-color: #3fc7f4; padding-top: 20px; padding-bottom: 20px; color: #EEE; font-size: 14px}
.footer-info a{color: #FFF}
.footer-info a:hover{color: #FFF}
.footer-info h3, .footer-address h3{color: #FFF}
.footer-info h5{font-size: 14px}
.footer-address{background-color: #0f131d; padding-top: 20px; padding-bottom: 20px; color: #888; font-size: 14px}
footer br {}
footer section {
    background: none repeat scroll 0 0 #f9f9f6;
    padding: 27px 0 12px;
}


#botsl i {
    font-size: 64px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
#botsl{position: relative; padding-top: 20px; padding-bottom: 20px}
#botsl h3{font-size: 20px; text-transform: uppercase; color: #3fc7f4; text-align: center;}
#botsl .widget{padding: 0}
#botsl{background: #EEE none repeat scroll 0 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; font-size: 13px}
#botsl ul li {
    border-left: 1px solid #E5E5E5;
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#botsl ul li h4{font-size: 13px;}
#botsl a, #botsl ul li a{color: #2d6c9a}
#botsl ul li a:hover{color: #111; text-decoration: none;}
.bottom-menu{overflow: hidden;}


#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;
}
.fb-like-box {}
.facebook-like-box{border: 1px solid #EEE;}

.pagenavi, .page-link {
    margin: 20px 0;
    text-align: center;
}
.pagenavi span {
    padding-right: 20px;
}

.page-link span{background: #41a62a; color: #FFF; padding: 4px 10px; margin: 0 3px 10px; line-height: 35px;}
.page-link span:hover{background: #41a62a; color: #FFF}
.pagenavi a, .pagenavi span, .page-link a span {
    margin: 0 3px 10px;
    padding: 4px 10px;
    background: #666; color: #FFF; border-radius: 1px
}
.page-link span.page-link-title{background: #777;}
.pagenavi a.current, .page-link a{
    background: #2d6c9a; color: #FFF;
}
.entry-content img{border: 1px solid #E5E5E5; padding: 2px; margin-bottom: 10px; max-width: 100%; height: auto;}
.entry-content .gallery img {width: 100%; height: auto;}
.img-responsive {
    display: inline-block;
    width: 100%; height: auto;
}
.catbox-feed a{color: #f76f25}


.photocover{background: url('images/bg_cover.jpg')}

.banner{margin-bottom: 20px}

.lastest-news h4{margin: 10px 0}
.lastest-news article{margin-bottom: 20px}
.hotline-mobile, .hotline-mobile:visited, .hotline-mobile:hover, .hotline-mobile:focus{color: #FFF}
.hotline-mobile a {text-decoration: none;}

.side_widget {
	position: fixed;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	z-index: 99999;
}

.side_widget .contacts li {
	list-style: none;
	display: block;
}

.side_widget .contacts li + li {
	margin-top: 5px;
}

.side_widget .contacts li a {
	position: relative;
	width: 47px;
	height: 47px;
	display: inline-block;
	/*background-color: rgba(63, 199, 244, 0.7);*/
	background-color: #3fc7f4;
	overflow: hidden;
	text-decoration: none !important;
}



@media screen and (max-width: 767px) {
	.side_widget .contacts li a {
		width: 35px;
		height: 35px;
	}

	.side_widget .contacts li a img {
		width: 15px !important;
	}
}

.side_widget .contacts li a img {
	width: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari */
	transform: translate(-50%, -50%);
}

.side_widget .contacts li a p {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 0px;
	-ms-transform: translate(-100%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-100%, -50%);
	/* Safari */
	transform: translate(-100%, -50%);
	font-size: 14px;
	line-height: 44px;
	height: 44px;
	padding: 0 15px;
	display: inline-block;
	text-transform: uppercase;
	border: 1px solid #3fc7f4;
	border-radius: 5px;
	background-color: #fff;
	min-width: 130px;
	text-align: center;
}

.side_widget .contacts li a p:after {
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	top: 15px;
	right: -7px;
	background-color: #fff;
	border-top: 1px solid #3fc7f4;
	border-right: 1px solid #3fc7f4;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side_widget .contacts li a:hover {
	background-color: #0bb9f2;
	overflow: visible;
}

.side_widget .contacts li a:hover p {
	opacity: 1;
	left: -30px;
}


@media (max-width: 767px) {

	body{background: #FFF}
	#wrapper{box-shadow: none}
	.main{padding: 0}
	.footer-info .main{padding: 20px}
	header,.logo-text{text-align: center;}
	.hotline-mobile{position: absolute; right: 20px; top: 6px; font-weight: bold; font-size: 20px}
	.hotline-mobile a{color: #FFF}
	#introduction .box-icon i{width: 100%; margin-right: 0; text-align: center;}
	#introduction .box-icon .item{text-align: center;}
	.logo{max-width: 100%; height: auto; margin: 5px auto}
	#appointment{padding-bottom: 20px}
	#appointment .btn-banggia{position: relative; width: 210px; margin: 0 auto; left: auto; top: 0}
	
	.search-form{top: 30px}
	#sidebar-right{display: none;}
	#sidebar-left{display: none;}
	#introduction img{margin-bottom: 30px}
	
	#lastest-post .module-title > span, .module-title > span{float: none;}
	
	.logo-mobile{text-align: center;}
	.collapse{display: block;}
	.collapse ul{display: none;}
	.collapse .header-search{ border: medium none; box-shadow: none; padding: 0; position: absolute; right: 10px; top: 0;}
	.vnt-box-right{margin-top: 20px; text-align: center;}
	.copyright{text-align: center;}
	
	.product-block h2,
	.product-block h4{min-height: 50px}
	#appointment{text-align: center; overflow: hidden;}
	#appointment span{position: relative; width: 100%; text-align: center;}
	
	
	.side_widget {
		top: auto;
		bottom: 10px;
		right: auto;
		left: 10px;
		
    	-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.side_widget .contacts li {
		float: left;
	}

	.side_widget .contacts li + li {
		margin-top: 0;
		margin-left: 5px;
	}

	.side_widget .contacts li a p {
		top: -12px;
		left: 0px;
		-ms-transform: translate(0, -100%);
		-webkit-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}

	.side_widget .contacts li a:hover p {
		opacity: 1;
		left: 0;
	}

	.side_widget .contacts li a p:after {
		top: auto;
		right: auto;
		bottom: -7px;
		left: 10px;
		border-top: none;
		border-bottom: 1px solid #3fc7f4;
		border-right: 1px solid #3fc7f4;
	}

	.side_widget .contacts li a {
		border-radius: 100%;
	}
	
	.side_widget .contacts li a {
		width: 35px;
		height: 35px;
	}

	.side_widget .contacts li a img {
		width: 15px !important;
	}		
}

@media (min-width: 768px) {
	.container {
	    width: 760px;
	}
	.scrollUp header,
	.scrollDown header{transition: all 0.3s ease-out 0s;}
	.navbar-default .navbar-nav > li > a{padding: 12px 11px; font-size: 14px}
	.logo{max-width: 100%; height: auto; margin: 15px 0}
	.photocover{height: 70px;}
	.top-ads{margin: 25px 0}
	#introduction img{margin-bottom: 30px}
	
	#lastest-post .module-title > span, .module-title > span{float: left;}
	
	#main-body{width: 100%; float: none; padding-right: 0}
	#sidebar-right{display: none;}
	#content{width: 100%; float: none; padding-right: 0}
	#sidebar-left{display: none;}
	
	.vnt-box-right{margin-top: 20px; text-align: center;}
	
	.product-categories .category-block{width: 25%;}
	
	#main-content{width: 100%; float: none;}
	#sidebar{width: 250px; float: right; padding-left: 20px; display: none;}
}

@media (min-width: 980px) {
	.container {
	    width: 980px;
	}
	.scrollUp header,
	.scrollDown header{transition: all 0.3s ease-out 0s;}
	.navbar-default .navbar-nav > li > a{padding: 12px 12px}
	.logo{max-width: 70%; height: auto; margin: 10px 0}
	.photocover{height: 70px;}
	
	.top-ads{margin: 17px 0}
	#introduction img{margin-bottom: 0}
	
	#lastest-post .module-title > span, .module-title > span{float: left;}
	
	.vnt-box-right{margin-top: 0; text-align: left;}
	
	.product-categories .category-block{width: 20%;}
	
	#main-content{width: 610px; float: left; border-right: 1px solid #EEE; padding-right: 20px}
	#sidebar{width: 300px; float: right; padding-left: 20px; display: block;}
	
}

@media (min-width: 1200px) {
	.container {
	    width: 1200px;
	}
	.scrollUp header,
	.scrollDown header{transition: all 0.3s ease-out 0s;}
	.logo{width: auto; height: auto; margin: 10px 0}
	.navbar-default .navbar-nav > li > a{padding: 12px 18px}
	.photocover{height: 90px;}
	.top-ads{margin: 15px 0}
	#introduction img{margin-bottom: 0}
	
	.vnt-box-right{margin-top: 0; text-align: left;}
	
	
	.product-categories .category-block{width: 20%;}
	
	#main-content{width: 850px; float: left; border-right: 1px solid #EEE; padding-right: 20px}
	#sidebar{width: 320px; float: right; padding-left: 20px; display: block;}
	
	.media-container {
    	position: relative;
    	top: 15%;
    	left: 15%;
    	width: 70%;
	}
}

#main-content, #sidebar{border-radius: 3px;}
#main-content{}

.product-categories .category-block{float: left; text-align: center; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 10px; overflow: hidden;}
.product-categories{overflow: hidden; padding: 15px}
.product-categories h2{margin: 10px 0}
	

/*VIDEO FORMAT*/
.icon-video {
    background-color: #555;
    background-image: url("images/icon-16x16.png");
    background-position: 5px -399px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    left: 45%;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 9;
}

.video-desc{margin-bottom: 20px; border-bottom: 1px solid #EEE; padding-bottom: 20px;}
.video-item .thumbnail{position: relative;}
.video-item .thumbnail img{opacity: 0.8}
.video-item .thumbnail img:hover{opacity: 1}
.video-item .icon-video{top: 40%}

.video-item h4{font-size: 13px; font-weight: bold; margin: 10px 0 0; height: 60px; overflow: hidden;}
.related-post{margin-top: 20px}
.related-loop h4{font-size: 13px; height: 55px;}

.section-title{font-size: 16px; color: #eb2525; margin-bottom: 20px}

/* START CANVAS MENU Plugin 04*/

.off-canvas-toggle {
  z-index: 100;
}
html,
body {
  height: 100%;
}
.noscroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}
.t3-wrapper {
  /*position: relative;*/
  left: 0;
  z-index: 99;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  overflow: visible;
}
.t3-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  z-index: 100;
}
.t3-mainnav-android {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.t3-mainnav-android::after {
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.off-canvas-open .t3-wrapper::after {
  width: 100%;
  height: 10000px;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.off-canvas-open .t3-mainnav-android::after {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.t3-off-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  width: 250px;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.t3-off-canvas::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.off-canvas-right.t3-off-canvas {
  display: none;
}
.off-canvas-right .off-canvas-right.t3-off-canvas {
  display: block;
}
html[dir="ltr"] .off-canvas-right.t3-off-canvas {
  left: auto;
  right: 0;
}
.off-canvas-open .t3-off-canvas::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.off-canvas-open .off-canvas-current {
  visibility: visible;
}
.off-canvas-open .t3-off-canvas {
  overflow-y: auto;
}
.t3-off-canvas {
  background: #222222;
  color: #cccccc;
}
.t3-off-canvas .t3-off-canvas-header {
  background: #333333;
  color: #cccccc;
  padding: 6px 12px;
}
.t3-off-canvas .t3-off-canvas-header h2 {
  margin: 0;
}
.t3-off-canvas .t3-off-canvas-body {
  padding: 6px 12px;
}
.t3-off-canvas .t3-off-canvas-body a {
  color: #cccccc;
}
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
  position: static;
  float: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-4.t3-off-canvas {
  z-index: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-4.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-4.t3-off-canvas {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}

.old-ie .t3-off-canvas {
  z-index: 100 !important;
  left: -250px;
}
html[dir="ltr"] .off-canvas-right.old-ie .t3-off-canvas {
  right: -250px;
  left: auto;
}
.modal-open .t3-wrapper {
  position: static;
}

/*template menu 07*/
.off-canvas-right.off-canvas-effect-4.t3-off-canvas {
  transform: translate3d(250px, 0px, 0px);
  -moz-transform: translate3d(250px, 0px, 0px);
  -webkit-transform: translate3d(250px, 0px, 0px);
}
.off-canvas-toggle {
	background-color: transparent;
  border-radius: 0;
  border: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  position: absolute; margin: 5px; color: #FFF; font-size: 26px
}
.off-canvas-toggle:focus {
  outline: none;
}
.t3-off-canvas {
  background: #222222;
  color: #cccccc;
}
.t3-off-canvas .t3-off-canvas-header {
  background: #333333;
  color: #cccccc;
  padding: 0 0 0 20px;
  height: 40px;
}
.t3-off-canvas .t3-off-canvas-header h2 {
  color: #cccccc;
  margin: 0;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.t3-off-canvas .close {
  margin: 0;
  height: 40px;
  line-height: 40px;
  width: 40px;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff; font-weight: normal;
}
.t3-off-canvas .t3-off-canvas-body {
  padding: 0;
}
.t3-off-canvas .t3-off-canvas-body a {
  color: #cccccc;
  text-decoration: none;
  padding: 10px 20px;
}
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
  background: none;
  color: #ffffff;
  text-decoration: none;
}
.t3-off-canvas .t3-off-canvas-body a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {
  background: transparent;
}
.t3-off-canvas .t3-off-canvas-body .nav > li {
  border-top: 1px solid #1a1a1a;
  padding: 0;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a .caret {
  border-top-color: #cccccc;
  margin-left: 10px;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a:hover .caret {
  border-top-color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .nav > li:before {
  display: none;
}
.t3-off-canvas .t3-off-canvas-body .nav > li:before a:hover {
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active:before {
  border-left-color: #01579b;
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a {
  color: #2d6c9a;
  background: #222222;
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a .caret {
  border-top-color: #FFF;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
  background: none;
  border-top: 1px solid #1a1a1a;
  padding: 10px 25px;
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li {
  padding: 0;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a {
  position: relative;
  padding: 10px 16px;
  text-transform: none;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #cccccc;
  position: absolute;
  top: 16px;
  left: 0;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:after {
  display: none;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:hover {
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a:hover {
  color: #ffffff;
  font-weight: 700;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a:before {
  border-left-color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-submenu .dropdown-menu {
  padding: 5px 15px;
  border: none;
  text-transform: none;
}
.t3-off-canvas .t3-off-canvas-body .t3-module {
  margin-bottom: 24px;
  background: none;
}
.t3-off-canvas .t3-off-canvas-body .t3-module:last-child {
  margin-bottom: 0;
}
.t3-off-canvas .t3-off-canvas-body .t3-module .module-inner {
  padding: 0;
  background: none;
}
.t3-off-canvas .t3-off-canvas-body .module-title {
  background: none;
  margin-bottom: 0;
  color: #cccccc;
  padding: 18px 10px 18px 25px;
}
.t3-off-canvas .t3-off-canvas-body .module-ct {
  background: none;
}

.nav-stacked > li > a {
    color: #44494c;
    padding: 12px 0;
    text-transform: uppercase;
    font-weight: bold;
}

/*END CANVAS MENU*/

.icon-bar{background: rgba(0, 0, 0, 0) url("images/menu.png") repeat scroll 0 0 / contain ; display: inline-block; width: 32px; height: 32px}

.video-container{
	height: 0;
	overflow: hidden;
	padding-bottom: 50.25%;
	padding-top: 30px;
	position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
	height: 100%;
	max-height: 450px;
	left: 0;
	position: absolute;
	top: 0;width: 100%;
}
.entry-descripton{margin: 0; font-family: Arial}
.entry-descripton h1,
.entry-descripton h2,
.entry-descripton h3,
.entry-descripton .box-heading{font-family: 'Roboto Slab', sans-serif;}

#pathway{position: relative; clear: both; background: #F5F5F5 ;overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #F5F5F5; padding: 10px;}
#breadcrumbs{float: left;}
#pathway .entry-meta{float: right; color: #555}

#search {
    display: inline;
    margin: 0;
}
.search-mobile input, #search input {
    border: 1px solid #eee;
    color: #999;
    float: left;
    font-size: 13px;
    line-height: 11px;
    padding: 5px 10px;
}
#search input:focus {
    background: #fffff0 none repeat scroll 0 0;
    border: 1px solid #ddd;
}
.search-mobile input.btn, #search input.btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    margin: 3px 0 0 -24px;
    padding: 0;
    width: auto;
}

.error404 #wrapper {
    text-align: center;
}
.error404 h1 {
    font-size: 20px;
    margin: 40px 0;
    text-transform: uppercase;
}
.error404 h1 span {
    color: #eb2525;
    font-size: 160px;
}

#button-share {
    margin-top: 20px;
    padding: 10px 0 0; 
    text-align: left;
}
#button-share .share-item {
    background: #de4501 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px 10px;
    position: relative;
}

#button-share .share-fb {
    background: #5d72a4 none repeat scroll 0 0;
}

#button-share .share-google {
    background: #db5c4b none repeat scroll 0 0;
}

#button-share .share-twitter {
    background: #00baff none repeat scroll 0 0;
}

#button-share .share-link {
    background: #E5E5E5 none repeat scroll 0 0; color: #555
}

.mtop20{margin-top: 20px}

#policy{margin: 20px 0}
.policy i{color: #3fc7f4; width: 20px; padding-right: 5px; font-weight: normal;}
.policy ul li{float: left; padding-right: 10px; font-weight: bold;}

.product-block {text-align: center;}
.product-block h2{font-size: 16px; margin: 10px 0; overflow: hidden;}
.product-block img{}
.product-block .price, .price{color: #0057ae; font-size: 14px; font-weight: bold;}

.price.price-old{text-decoration: line-through; color: #666; font-size: 14px}
.price.price-sale{color: #0057ae; font-size: 14px}

.product-block {
    position: relative;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    padding-top: 10px; padding-bottom: 10px;
}
.product-block .description {
    color: #999999;
    display: none;
    height: 40px;
    line-height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.product-block .name {
    font-weight: normal;
    line-height: 15px;
    margin-bottom: 10px;
    margin-top: 0;
    overflow: hidden;
}
.product-block .name a {
    color: #999999;
    font-family: inherit;
    font-size: 13px;
    text-transform: none;
}
.product-block .name a:hover {
    color: #ec7357;
}
.product-block .image {
    border: 0 none;
    border-radius: 0;
    position: relative;
    text-align: center;
    z-index: 0;
}
.product-block .image .img-responsive {
    display: inline-block;
}
.product-block .product-meta {
    position: relative;
    z-index: 9;
}
.product-block .top {
    min-height: 80px;
    padding: 2px 20px 14px;
    text-align: center;
}
.product-block .bottom {
    background-color: #ffffff;
    bottom: 0;
    height: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: left;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 9;
}

.product-block .action-button {
    border-radius: 1px;
    bottom: 0;
    font-size: 12px;
    height: auto;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 5px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    width: 40px;
    z-index: 99;
}

.product-block .action-button button.btn-action {
    background-color: transparent;
    border: medium none;
    padding: 0;
}
.product-block .action-button button.btn-action:hover {
    color: #ffffff;
}
.product-block .action-button > div {
    background-color: #f8f8f8;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    width: 30px;
}
.product-block .action-button > div .fa {
    color: #1c2437;
}
.product-block .action-button > div .btn-action, .product-block .action-button > div a {
    line-height: 30px;
    padding: 0;
}
.product-block .action-button > div:hover {
    background-color: #82b1ff;
}
.product-block .action-button > div:hover .fa {
    color: #ffffff;
}
.product-block .product-img {
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
}
.product-block .action {
    transition: all 0.4s ease-in-out 0s;
}
.product-block .action > div {
    background-color: #ec7357;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
.product-block .action > div:last-child {
    border-right: 0 none;
}
.product-block .action > div:hover {
    background-color: #ec7357;
}
.product-block .action button.btn-action {
    background-color: transparent;
    border: medium none;
    padding: 0;
}
.product-block .action button.btn-action:hover {
    color: #ffffff;
}
.product-block .action .cart .fa {
    margin-right: 10px;
}
.product-block .action .cart span {
    font-family: "Asap",sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.product-block:hover {
    cursor: pointer;
}
/*.product-block:hover::before {
    box-shadow: 0 1px 5px 5px #ccc;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}*/
.product-block:hover .image {
    z-index: 9;
}
.product-block:hover .bottom {
    bottom: 0;
}
.product-block:hover .bottom, .product-block:hover .action-button {
    opacity: 1;
}
.product-block:hover .zoom {
    opacity: 1;
    top: 10px;
}
.product-block:hover .action > div {
    opacity: 1;
}

.product-scroll_1 .products-row .product-col .product-block {
    border-left: 1px solid #e1e1e1;
    border-right: medium none;
}
.products-row .product-col .product-block, .products-row .grid-product .product-block {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}


.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.owl-height {
    transition: height 500ms ease-in-out 0s;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
}
.owl-carousel .owl-stage::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
}
.owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    position: relative;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    -moz-user-select: none;
    cursor: pointer;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    display: block;
    opacity: 0;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    display: none;
}
.owl-carousel.owl-drag .owl-item {
    -moz-user-select: none;
}
.owl-carousel.owl-grab {
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease 0s;
}
.owl-carousel .owl-item img {
    
}
.owl-carousel .owl-video-wrapper {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    position: relative;
}
.owl-carousel .owl-video-play-icon {
    background: rgba(0, 0, 0, 0) url("owl.video.play.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    transition: scale 100ms ease 0s;
    width: 80px;
    z-index: 1;
}
.owl-carousel .owl-video-play-icon:hover {
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    opacity: 0;
    transition: opacity 400ms ease 0s;
}
.owl-carousel .owl-video-frame {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}

.owl-item {padding: 0 15px; border: 1px solid #DDD; background: #FFF}
.owl-item h3 {font-size: 16px; height: 15px}
.owl-item h3 a {color: #666666;}
.owl-item h3 a:hover {color: #3fc7f4;}

.owl-prev, .owl-next{background: #3fc7f4; width: 28px; height: 28px; text-align: center; float: left; border-radius: 2px; margin-right: 2px}
.owl-prev:hover, .owl-next:hover{background: #0bb9f2;}
.owl-nav{position: absolute; right: 0; top: -50px; width: 60px; color: #FFF}
.owl-nav i{font-size: 18px; padding: 5px}

#products1, #products2, #products3{position: relative; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #E5E5E5;}
#products1 .owl-item:hover, #products2 .owl-item:hover, #products3 .owl-item:hover{border: 1px solid #3fc7f4}
#products1 h2, #products2 h2, #products3 h2{margin-bottom: 20px; font-size: 20px;}
#products1 h2 a, #products2 h2 a, #products3 h2 a{color: #3fc7f4;}
#products1 h2 a:hover, #products2 h2 a:hover, #products3 h2 a:hover{color: #0057ae;}

.owl-item {text-align: center;}
.owl-item .property, .product-block{padding-bottom: 50px}

.owl-item .btn, .product-block .btn{background: #3fc7f4; display: none; position: absolute; bottom: 15px; left: 35%}
.owl-item:hover .btn, .product-block:hover .btn{background: #3fc7f4; display: block;}

#brand-index{background: #F5F5F5 url('../images/bg_2.png'); border-bottom: 1px solid #E5E5E5}
#products2{background: #F5F5F5 url('../images/bg_2.png'); border-top: 1px solid #E5E5E5}

#spotlight-bot {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #E5E5E5;
}
#spotlight-bot .moduletable {
    padding: 25px 0;
}
.spotlight .moduletable_background {
    background: rgba(0, 0, 0, 0) url("images/bg_li_tab_title.png") repeat scroll left bottom;
}
.spotlight .moduletable_noborder, .spotlight .moduletable_noborder .moduletable {
    border: medium none;
}
.spotlight .moduletable_nopadding {
    padding: 0 !important;
}

#clients1 .owl-item{border: 1px solid #FFF}
#clients1 .owl-item:hover{border: 1px solid #3fc7f4;}
#clients1 .owl-nav{width: 100%; top: 30%; color: #FFF}
#clients1 .owl-prev{position: absolute; left: -40px;}
#clients1 .owl-next{position: absolute; right: -40px;}
#clients1 .owl-next, #clients .owl-prev{background: #3fc7f4}
#clients1 .owl-next:hover, #clients .owl-prev:hover{background: #0bb9f2; color: #FFF}

#clients2 .owl-item{border: 1px solid #FFF}
#clients2 .owl-item:hover{border: 1px solid #3fc7f4;}
#clients2 .owl-nav{width: 100%; top: 30%; color: #FFF}
#clients2 .owl-prev{position: absolute; left: -40px;}
#clients2 .owl-next{position: absolute; right: -40px;}
#clients2 .owl-next, #clients .owl-prev{background: #3fc7f4}
#clients2 .owl-next:hover, #clients .owl-prev:hover{background: #0bb9f2; color: #FFF}

.clientSay h3.client_title {
    font-size: 20px;
    margin: 0;
    padding-bottom: 6px;
    text-align: center;
    text-transform: uppercase; color: #3fc7f4;
}
.clientSay .client_desc {
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 40px;
    text-align: center;
}
.clientSay .client_conment_info {
    float: left;
    text-align: center;
    width: 100px;
}
.client_conment_avt img {
    border-radius: 100%;
    border: 1px solid #EEE;
}
.client_conment_name {
    color: #e26228;
    font-weight: bold;
}
.client_conment_position {
    font-size: 11px;
}
.client_conment_body {
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin-left: 135px;
    padding: 10px 15px;
    text-align: justify;
}
.client_logo_item {
    display: inline-block;
}

.client_logo_item img{
    vertical-align: baseline;
}

.client_logo {
    padding: 20px 40px 0;
}

.client_info_item {
    padding-top: 5px;
  	color: #3fc7f4;
}


#main-fp{}



.widget-product{margin-bottom: 20px; }
.widget-product .box-heading .panel-title{margin-top: 20px; margin-bottom: 10px;  border-bottom: 3px solid #E5E5E5; padding-bottom: 10px; font-size: 20px; color: #3fc7f4;}
.box-content{overflow: hidden;}
.box-content article h4{min-height: 40px; margin-top: 10px}

.feature-box h4{margin-bottom: 5px}
.feature-box .fbox-icon {
    color: #ec7357;
    float: left;
    margin: 0 15px 0 0;
}

.footer-info ul li{overflow: hidden; margin-bottom: 10px}
.footer-info ul li img{width: 60px; height: 40px; float: left; margin-right: 10px}


.black .box-heading {
    line-height: normal;
    padding-bottom: 13px;
    padding-top: 13px; margin: 0
}
.black .box-content {
    padding: 0;
}
.black ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.black ul li {
    color: #fff;
    padding: 0 17px;
}
.black i {
    margin-right: 5px;
}
.black ul > li + li {
    border-top: 1px solid #666; border-bottom: 1px solid #454545;
}
.black ul > li > a {
    font-size: 14px;
    line-height: 36px;
    outline: 0 none;
    text-decoration: none;
    color: #FFF
}

.black ul > li > a:hover {
    color: #eb2525
}
.black ul > li ul {
    display: none;
    margin: 0 0 15px 25px;
}
.black ul > li a.active {
    outline: 0 none;
}
.black ul > li a.active + ul {
    display: block;
}
.black ul > li ul > li {
    border: 0 none;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.black ul > li ul > li > a {
    line-height: 25px;
}
.box{margin-bottom: 20px}
#sidebar .box-heading {
	background-color: #333;
    min-height: inherit;
    padding-left: 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    padding: 10px 20px; color: #FFF; text-transform: uppercase; color: 
}

.box.black .box-content {
    background-color: #555;
}
#main-content .box-heading{text-transform: uppercase; font-weight: bold; padding: 10px 0; border-bottom: 2px solid #eee; margin-bottom: 20px; font-size: 15px; color: #3fc7f4}
#main-content .box-heading h1{margin: 0; font-size: 18px}
.product-thumb{overflow: hidden;}
.product-info ul li{padding: 5px 0}

.htabs {
    position: relative;
}
.htabs .nav > li > a:hover, .htabs .nav > li > a:focus {
    background-color: transparent;
}
.htabs a {
    color: #353d41;
    float: left;
    font-size: 14px;
    text-transform: uppercase; font-weight: bold; border-right: 1px solid #ebeef2
}
.htabs a.selected {
    color: #eb2525;
}
.product-related {
    position: relative;
}
.product-related .box-heading {
    font-size: 19px;
    text-transform: capitalize;
}
.product-related .box-heading span {
    color: #ff6346;
}
.product-related .carousel-controls {
    right: 10px;
    top: 11px;
}
.heighlight {
    background: #ffffff none repeat scroll 0 0;
    border-left: 1px solid #ebeef2;
    border-radius: 3px 3px 0 0;
    border-right: 1px solid #ebeef2;
    border-top: 2px solid #eb2525;
}

.tabs-group {
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden; margin-top: 20px;
}
.tabs-group .htabs .nav-tabs {
    border: medium none;
}
.tabs-group .tab-content {
    border: 1px solid #ebeef2;
    padding: 20px;
}


#sidebar .box-content{border-right: none;}

.lastestposts .widget-title{font-size: 16px; font-weight: bold; text-align: center;}

.widget_bulletin.style1 ul li img{width: 60px; height: auto; float: left; margin-right: 10px}
.widget_bulletin.style1 ul li h4{margin: 0; font-size: 13px; font-weight: bold;}

.backtotop {
    background: #3fc7f4 none repeat scroll 0 0;
    bottom: 52px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    padding: 2px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
    z-index: 9999;
}
.backtotop .fa {
    display: block;
}
.support-product {
    border: 1px dashed #c90000;
    margin-top: 20px;
    padding: 10px 15px;
}
.support-product h3, .support-product strong{color: #3fc7f4}

/*************************
**********Blog CSS********
**************************/
#brand-index {
	padding-top: 10px;
}

#noi-dung-tab {
	padding-top: 10px;
}

.post-thumb {
  position: relative;
}

.post-icon {
  position: absolute;
  top:10px;
  right:10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius:4px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

.post-meta {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

.post-meta span {
  margin-right: 16px;
}

#post-carousel .carousel-indicators {
  bottom: 3px;
  left: 90%;
}

.blog-left-control, .blog-right-control {
  position: absolute;
  top: 45%;
  width: 30px;
  text-align: center;
  color: rgba(255,255,255,.7);
  font-size: 36px;
}

.blog-left-control {
  left: 0;
}

.blog-right-control {
  right: 0;
}

.blog-left-control:hover, .blog-right-control:hover {
  color: #fff;  
}

.entry-title p {
	padding-top: 5px;
  	font-size: 13px;
  	text-align: center;
}

.entry-title a {
  	color: #3fc7f4;
}

.entry-title a:hover {
  	color: #0057ae;
}



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

.entry-header h3 a {
  	line-height: 25px;
}

.entry-header .date, 
.entry-header .cetagory {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
}

.entry-header .date:after {
  content: "";
  position: absolute;
  left: 0;
  bottom:-22px;
  width: 20px;
  height: 3px;
}

.entry-content {
  font-size: 14px;
  text-align: justify;
}

.load-more {
  display:block;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 45px;
}

.btn-loadmore {
  border: 1px solid #f2f2f2;
  color: #666666;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 125px;
  text-transform: uppercase;
}

.btn-loadmore:hover {
  color:#fff;
}

/*Widget*/
#text-2.widget,
#text-3.widget,
#text-4.widget{}

.widget .btncancel{margin-top: 20px; background: #666; color: #FFF; border: none; font-weight: bold;}
.widget .btncancel:hover{background: #2d6c9a }
.widget{margin-bottom: 20px;}
.widget.widget-ads{padding: 0; border: none; text-align: center;}
.widget .widget-title {text-transform: uppercase; font-size: 16px; margin: 0 0 15px; font-weight: bold; border-bottom: 1px solid #E4E4E4; padding-bottom: 10px; color: #3fc7f4; display: block;}
.widget ul{margin: 0; padding: 0}
.widget ul li{list-style: none; }
.widget ul li h4{margin: 0; font-size: 14px; font-weight: 400}
.widget .entry-summary{font-size: 13px}
.widget .related-loop span.entry-title{font-size: 14px; margin: 15px 0; font-weight: bold; display: block;}

.product__howToBuy {
    color: #333;
    font-size: 13px;
    height: 29px;
    left: 260px;
    padding: 0;
    position: absolute;
    top: 0;
}
.icn-howtobuy {
    background: rgba(0, 0, 0, 0) url("../images/icn_general_1.png") no-repeat scroll 0 -2182px;
    height: 29px;
    padding-right: 3px;
    width: 48px;
}
.icn-howtobuy, .txt-howtobuy {
    display: table-cell;
    vertical-align: middle;
}

#gio-hang {
	padding-bottom: 10px;
}

#khach-hang h3 {
    font-size: 26px;
    margin: 0;
    padding-bottom: 6px;
    text-align: center;
    text-transform: uppercase;
    color: #3fc7f4;
}

#hoi-dap h3 {
    font-size: 26px;
    margin: 0;
    padding-bottom: 6px;
    text-align: center;
    text-transform: uppercase;
    color: #3fc7f4;
}

.phancachbox {
	padding-top: 10px;
}

.category-title {
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #DDD;
    color: #3fc7f4;
}

.item-thumb {
	float: left;
    width: 35%;
    position: relative;
    z-index: 1;
    padding-top: 10px;
}

.item-info {
	float: left;
    width: 65%;
    position: relative;
    border-left: 1px solid #DDD;
}

.list-news {
	text-align: justify;
}

/* Tooltip */
.test + .tooltip > .tooltip-inner {
    background-color: #666666; 
    color: #FFFFFF; 
    border: 1px solid #666666;
    padding: 15px;
    font-size: 13px;
}

/* Tooltip on top */
.test + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #666666;
}

/* Tooltip on bottom */
.test + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid blue;
}

/* Tooltip on left */
.test + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid red;
}

/* Tooltip on right */
.test + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid black;
}

.carousel-control.left, .carousel-control.right {
	background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
}

.divider {
    background: url("../images/breadcrumb-separator.png") center top no-repeat;
    display: inline;
    padding: 10px 33px 0px 0px;
    font-size: 0px;
    text-indent: 9999px;
}

#PCustomer {
	margin-top: 20px;
}
#PCustomer .info {
	margin-top: 10px;
	text-align: center;
	color: #3fc7f4;
}

.nav-tabs>li>a {
    color: #3fc7f4;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #0057ae;
    border-top: 2px solid;
    border-top-color: #0057ae;
}

@media (max-width: 767px) {
	.btn {
		width: 100%;
	}
	.btn.update {
		margin-left: 0px;
		margin-top: 5px;
	}
	.owl-item .btn, .product-block .btn {
		width: 96%;
	    left: 2%;
	}
	nav, .navbar-default{background: #3fc7f4;}
	
	.entry-title p {
	padding-top: 5px;
  	font-size: 16px;
  	text-align: center;
  	color: #3fc7f4;
}

}