/*
	Theme Name: cvvtheme
	Theme URI: 
	Description: 
	Version: 2.0
	Author: cvvtheme
	Author URI: 
	Tags: thiet bi ve sinh bravat, bravat, bravat viet nam
*/*,
*:after,
*:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{margin:0;padding:0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;vertical-align:baseline;font-family:robotoregular}
h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, span, a, p, sub, blockquote, th, td{color:#222;font-family:robotoregular;font-size:15px;}
ul, ol{list-style:none;}
@font-face {font-family: "robotoregular"; src:url("fonts/Roboto-Regular.ttf") format('truetype');}
@font-face {font-family: "robotobold"; src:url("fonts/Roboto-Bold.ttf") format('truetype');}
@font-face {font-family: "robotosemibold"; src:url("fonts/Roboto-Semibold.ttf") format('truetype');}
@font-face {font-family: "robotolight"; src:url("fonts/Roboto-Light.ttf") format('truetype');}
i{font-style:italic;font-size:11px}
strong{font-weight:bold}
article, aside, figure, footer, header, hgroup, menu, nav, section{display:block;}
a img, img{border:0;margin:0;padding:0;vertical-align:middle;max-width:100%;}
a{text-decoration:none;color:#ea0d2b}
a:hover{text-decoration:none !important; color:#333 !important}
.clear{clear:both;}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#959595 !important; 
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}
h1,h2,h3,h4,h5,h6{}
body{/*background-image:url('image/bg-body.png')*/}
#wapper{height:auto;margin:0 auto;width:100%}
#site-header{width:100%;margin:0 auto}
.logo{ z-index:999;padding-left:0}
.logo img{margin:20px 0 20px}
.logo h1 {overflow:hidden;text-indent: 100%;position: absolute;white-space: normal;height: 0;}
.top-header{padding: 5px 0; background: #f2f2f2}
.top-header p{font-size:14px;font-family:openbold}
.hotline-social p{color:#fff;line-height:40px}
.social-item a{margin:0 5px;color:#fff;font-size:20px}
.social-item a:hover{color:#bd9432 !important;}
.top-header-email p a{color:#7d7b7b;margin-right:15px;font-size:15px;line-height:25px}
.top-header-email p a:hover, .top-header-email p a:hover span{color:#b98e28 !important}
.top-header-email p a span{color:#7d7b7b;font-size:14px;margin-left:7px}

/*Style search form header*/
.search-form-icon {border: 0;padding-top: 22px;color: #3e3e3e;background: transparent;cursor:pointer}
.search-form-icon:hover{font-weight:bold;color:#ea0d2b !important}
.search-form-icon .fa-search{font-size:1.4em}
.search-form-f{position: relative;z-index: 99999}
.search-form-f .search{display:none;width: 290px;right: 0;
position: absolute; background-color: #00a244;  border-radius: 4px;   border: 1px solid #3b3b3b; top:48px;}
.search-form-f .search-input{ height: 34px; border: none;
width: 100%;float: left; padding-left: 5px; border-radius: 4px; font-size: 14px}
.search-form-f .search-submit{height: 25px;border: none; width: 16%;position: absolute;
padding: 0; margin: 0;cursor: pointer;color: #dedede;top: 5px;right: 0px; background-color: transparent} 

/*Style banner-box*/
.banner-box {width:100%}
.banner-box .bx-wrapper{margin-bottom:0 !important}
.banner-box .banner-box-image img{width:100%}
.banner-box .banner-box-desc{top: 25px !important; width: 27.333% !important; right: 25px !important; left: initial !important;
bottom: 25px !important;padding: 30px;color: #fff;font-size: 16px;text-align: justify;line-height: 27px;border-radius: 8px}
.banner-box .banner-box-desc .redmore{
color: #fff;font-size: 14px; background: #b98e28;padding: 4px 16px 1px;
transition:all 0.3s ease-out 0s;border-radius: 6px; margin-top: 25px}
.banner-box .banner-box-desc .redmore:hover{background:rgba(80, 80, 80, 0.18);border:1px solid #b98e28;color:#fff !important;transition:all 0.3s ease-out 0s}
.banner-box .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{    
	text-align: center;width: 100%;bottom:10px
}
.banner-box .bx-controls-direction{display:initial !important}
.banner-box .bx-wrapper .bx-controls-direction a{    text-indent: inherit;
    height: 62px;
    top: 50%;transition:all 0.3s ease-out 0s;
    background: rgba(204, 204, 204, 0.45);
    font-size: 3em;
    width: 32px;
    text-align: center;
    color: #fff}
.banner-box .bx-wrapper .bx-controls-direction a:hover{background:#666;color:#fff !important;transition:all 0.3s ease-out 0s}
.banner-box .bx-wrapper .bx-prev {left:15px}
.banner-box .bx-wrapper .bx-next{right:15px}

.header-inner{}
.search-form__wrap {
    height: 48px;
    margin: 35px 0 15px;
}
.search-form__wrap form {
    position: relative;
}
.search-form__wrap form input.search-input {
    height: 48px;
    width: 360px;
    border-radius: 15px;
    border: 2px solid #ccc;
    padding-left: 10px
}
.search-form__wrap form .search-submit {
    background: transparent;
    border: 0;
    position: absolute;
    right: -5px;
    bottom: 0;
    border-left: 1px solid #ccc;
    padding: 11px;
    border-radius: 0
}
.search-form__wrap form .fa-search {
    background: #3a3a3c;
    border-radius: 50%;
    padding: 5px
}
.head-right .fa{font-size:1.2em}
.head-right {margin-top:15px}
.head-right p{line-height:28px;font-size:14px;font-family:openbold}
.head-right p strong{color:#ed1c24;font-size:15px}
/*Style main-nav*/
#nav-main-wrap{margin-top:20px}
.header-menu{border-bottom:2px solid #efac1f}
#nav-main-wrap .nav-main-menu .navbar-collapse{padding-left:0;padding-right:0}
.nav-main-menu{background-color:transparent;border-color:transparent;
margin-bottom:0;border-radius: 0;min-height:40px;border:none;float:left}
.nav-main-menu ul.navbar-nav li{position:relative}
.nav-main-menu ul.navbar-nav li a{text-transform: uppercase;color:#3e3e3e;font-family:robotobold;
padding:18px 16px;display: block;line-height:20px;transition:all 0.3s ease-out 0s;font-size:14px}
.nav-main-menu ul.navbar-nav li a:hover{color:#ea0d2b !important;transition:all 0.3s ease-out 0s}
.nav-main-menu ul.navbar-nav .current-menu-item>a {
   color:#ea0d2b
}
.fixed .nav-main-menu ul.navbar-nav .current-menu-item>a {
   color:#ea0d2b 
}
.angle-parent {position: relative;right: -8px;color:#fff;font-size:0.9em !important}
.nav-main-menu ul.navbar-nav li:hover > ul.sub-menu{opacity: 1;transform: translate(0px, 0px);visibility: visible;}
.nav-main-menu ul.navbar-nav ul.sub-menu li{width:100%;padding-left:0 !important;padding-right:0 !important;}
.nav-main-menu ul.navbar-nav ul.sub-menu li a{display:block;padding:12px 10px!important;text-transform:capitalize !important;
font-size:14px !important;margin-bottom:0;transition:initial}
.nav-main-menu ul.navbar-nav ul.sub-menu li > a:hover,
.nav-main-menu ul.navbar-nav .current-menu-item ul.sub-menu li a:hover{color:#ea0d2b !important}

.nav-main-menu ul.sub-menu{
	position: absolute;
    width: 18em;
    z-index: 999999;
    background-color: #fdfdfd;
    transition: all 0.2s ease-out 0s;
    transform: translate(0px, 20px);
    visibility: hidden;
    border-radius: 0px 0px 5px 5px;
    padding: 10px 5px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4)

}
.nav-main-menu ul.navbar-nav li ul.sub-menu li a span{font-size:14px}
.nav-main-menu ul.navbar-nav ul.sub-menu  .current-menu-item a{background-color:transparent !important}
.tca-menu ul ul{top: 0;left: 100%}
.tca-menu ul ul li a{text-transform:inherit !important;}
.tca-menu ul ul li a span{color:#464646 !important}
.tca-menu ul li ul li,.tca-menu ul li{background-image:none !important}
.top-header--search-hotline {position:relative}
.top-header--search-hotline form{float:right;position:relative}
.top-header--search-hotline form .search-input{background: #ccc;width: 270px;border: 0;font-size: 13px;height:30px;padding-left: 8px;line-height: 25px}
.top-header--search-hotline form .search-submit {height: 25px;border: none;width: 12%;position: absolute;padding: 0;
margin: 0;cursor: pointer;color: #dedede;top:1px;right: 0px; background-color: transparent;color:#fff}
/*Style fexid menu top*/
.fixed {position: fixed;top: 0;
height:auto;width: 100% !important;z-index: 99999;box-shadow:1px 1px 10px rgba(0,0,0,0.15)}
.fixed .nav-main-menu ul.navbar-nav li a{color:#fff;padding:12px 16px}
.fixed .logo img{margin-top:20px !important;margin-bottom:10px !important}
.fixed .nav-main-menu ul.navbar-nav ul.sub-menu li a{/* padding:5px 10px !important */}
.fixed .angle-parent{color:#fff}

/*Style content*/
#content{width:100%;overflow:hidden}
.banner .owl-theme .owl-controls{margin-top:0 !important;text-align: center;position: relative;bottom: 26px;height: 0}
#breadcrumb{margin: 20px 0; font-size: 13px; color: #888;border-radius: 0;
padding: 12px 10px 12px 0px;background: #fff; border-bottom: 1px solid #ccc}
#breadcrumb a.home-breadcrumb{color:#888}
#breadcrumb a{font-size:13px;color:#ed1c24}
#breadcrumb span{font-size:13px;color:#888}
#breadcrumb .fa{padding:0 8px}
/*Style Genneral*/
.col-left--wrap{border:1px solid #ccc;padding:15px;overflow:hidden}
.meta-posts{font-size:13px;font-style:italic;color:#666;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:15px}
.read-more{font-size: 12px !important;color: #c02e55 !important;font-family: tahoma;font-weight: bold}
.read-more:hover{text-decoration:underline !important;color:#333 !important}
.titlePosts{font-size:28px;color: #3d3d3d;margin: 10px 0}
.entry-titlePosts{
	padding-bottom: 5px;text-transform: uppercase;
    font-size:23px;position: relative;font-family:robotobold
}
.pk{margin:25px 0}
/* .titleh{font-size:40px;color:rgb(147, 188, 10);font-weight:bold;text-transform:uppercase;margin:20px 0 20px 0;text-align:center} */
.general-box .heading{font-size: 20px;text-transform: uppercase; 
text-align:center;font-family:robotobold;margin: 10px 0 30px 0;line-height:33px;position:relative}
.general-box .heading:before{	position: absolute;    
width: 112px;
height:12px;    
bottom: -15px;    
left: 0px;   
 right: 0px;    
 content: "";   
 z-index: 999;   
 background-image:url('image/line-arrow.png');       
 margin: 0px auto}
/* .general-box .heading:after{	position: absolute;    width: 70px;    
top: 40px;    left: 0px;    right: 0px;    
content: "";    border-width: 1px;    
border-style: solid;    border-color: rgb(255, 255, 255);    
border-image: initial;    margin: 0px auto} */
.col-left--general{background: #fff;padding: 15px; overflow: hidden;border: 1px solid #ccc}


/*Style category page*/
.catsPosts-item{overflow:hidden;padding-top:20px;padding-bottom:20px;padding-left:0;padding-right:0;border-bottom: 1px dashed #ccc;clear:both}
.catsPosts-item h4{margin:6px 0 0 0}
.catsPosts-item h4 a{font-size: 18px; color: #1d1d1d; font-family: robotobold; line-height: 26px;}
.catsPosts-item h4 a:hover{color:#981423 !important}
.catsPosts-item p{line-height:23px;padding: 5px 0;color:#3e3e3e}
.catsPosts-item span{font-size:13px;color:#8c8c8c}

/*Style complate project page*/
.entry-project-complate{display:block;clear:both}
.entry-project-complate .tit-cat_wrap{padding:15px}
.entry-project-complate .tit-cat_wrap .tit-cat{border-bottom:2px solid #7a7a7c;padding-bottom:15px}
.entry-project-complate .tit-cat_wrap .tit-cat a{font-size:20px;text-transform:uppercase;font-family:robotobold}
.catsSlug-item__wrap{position:relative;padding-top:15px;padding-bottom:15px}
.catsSlug-item__wrap h4{
	position: absolute;
    bottom: 15px;text-align:center;
    left: 0;padding: 10px;
    background: rgba(247, 247, 247, 0.81);
    display: block;
    right: 0;
    z-index: 999;}
.catsSlug-item__wrap h4 a{font-family: robotobold;color:#333}
.catsSlug-item__wrap h4 a:hover{color:#ea0d2b !important}
/*Style Latest Post Home Page*/
.products-box{margin-top:25px}
.products-box h2.heading{margin-bottom:35px}
/*Style project collection*/
.collection-short-text{ padding: 0 10% 15px; text-align: center }
.collection-short-text p{ line-height:26px }
.collection-item{padding-top:15px;padding-bottom:15px}
.collection-item  a{display:table-cell;position:relative}

.collection-item header {
    position: absolute;
    margin: 0 auto;
    color: #fff;
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 240px;
    bottom: 0;
}
.collection-item header  h2{position:relative;font-size:19px;text-transform:uppercase;
font-family:robotobold;color:#fff;margin-bottom:15px;padding-bottom:10px}
.collection-item header  p{padding-top: 10px;font-size:16px;color:#fff}
.collection-item header  h2:before {
    position: absolute;
    width: 70px;
    bottom: -10px;
    left: 0px;
    right: 0px;
    content: "";
    z-index: 999;
    border-width: 1px;
    border-style: solid;
    border-color: #c5983c;
    border-image: initial;
    margin: 0px auto;
}


/*Style project complate*/
.project-complate-box{ padding-bottom:20px;padding-top:15px }
.project-cm__item{ padding-top:15px;padding-bottom:20px }
.project-cm__item img{width:100%}
.project-cm__item h4{background: #f7f7f7; padding: 15px 10px; text-align: center }
.project-cm__item h4 a{ text-transform: uppercase; font-size: 14px;color:#333;font-family:robotobold }
.project-cm__item h4 a:hover{color:#ea0d2b !important}
/*Style partner*/
#partner_wrap{padding-top:20px;padding-bottom:20px;position:relative}
/*Style contact page*/
div.wpcf7 textarea{height:inherit !important}
div.wpcf7 textarea,
div.wpcf7 input[type="text"], 
div.wpcf7 input[type="tel"],
div.wpcf7 input[type="email"]{
	background: #ffffff none repeat scroll 0 0; border: 1px solid #e8e8e8;
    color: #959595; height: 40px; padding-left: 20px; padding-right: 20px;
    width: 100%; font-style: italic
}
div.wpcf7 input[type="submit"]{background: #981423; border: none; padding: 10px 30px}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{color:#959595}
div.wpcf7-response-output{margin-top: 0 !important; overflow: hidden; width: 100%}
span.wpcf7-not-valid-tip{color: #93bc0a;text-align:left}

#gridSystemModal{z-index:9999999}
.popup-body{overflow:hidden}
.popup-title{font-size:19px;color:#404a5a}
.form-style{display: block;overflow: hidden}
.form-style p{padding-top:0 !important;padding-bottom: 0 !important}
div.wpcf7-mail-sent-ok{overflow:hidden;width:98%;color:#fff !important}
.contact-addrr{margin-top:-40px}
.wpcf7-form .frm-paper-plane{    
	transition: all .35s ease;
    border: 1px solid #f1c266;
    padding: 7px 10px 5px;
    background: transparent;
    color: #f1c266;font-family: openbold;
    text-transform: uppercase}
.wpcf7-form .frm-paper-plane:hover{color:#fff !important;background:#f1c266;transition: all .35s ease}
.box-single-contact{    margin-top: 25px;
    margin-bottom: 10px;
    overflow: hidden;
    background: rgb(0, 110, 97);
    padding: 25px 5px 5px 5px;
    box-shadow: 10px 10px 0px rgb(0, 84, 74)}
.box-single-contact .form-style{margin-bottom:25px}
.box-single-contact .form-control{height: 40px;
    background: transparent;color:#fff;
    border-radius: 0 !important;
    border: 1px solid #f1c266}
.box-single-contact p{color: #e7e7e7; text-align: center; margin-bottom: 22px}
.box-single-contact div.wpcf7-validation-errors{overflow:hidden;width:98%;color:#fff !important}
.box-single-contact .wpcf7-form .frm-paper-plane{border: 1px solid #f1c266;
    background: #f1c266;
    color: #fff}
.box-single-contact .wpcf7-form .frm-paper-plane:hover{color:#021440 !important}

.transition-wrap .ft-thumb,
.transition-wrap .catsPosts-thumb,
.transition-wrap .related-posts-thumb {
	position:relative
}
.transition-wrap .ft-thumb  span,
.transition-wrap .catsPosts-thumb span,
.transition-wrap .related-posts-thumb span{
	position: absolute;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,255,255,.5)
}
.transition-wrap .ft-thumb .transition-y7,
.transition-wrap .catsPosts-thumb .transition-y7,
.transition-wrap .related-posts-thumb .transition-y7{
	-webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}
.transition-wrap .ft-thumb .fa-link,
.transition-wrap .catsPosts-thumb .fa-link,
.transition-wrap .related-posts-thumb .fa-link{
	font-size: 18px;
    line-height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    width: 43px;
    height: 43px;
    margin: 0 0 0 -24px;
    padding-top: 12px;
    text-align: center;
    opacity: 0;
    color: #fff;
    border-radius: 50%;
    background:rgba(230, 176, 46, 0.86);
}
.transition-wrap .ft-thumb .fa-link:hover,
.transition-wrap .catsPosts-thumb .fa-link:hover,
.transition-wrap .related-posts-thumb .fa-link:hover{
	background:rgba(1, 67, 117, 0.70);
}
.transition-wrap .ft-thumb:hover span,
.transition-wrap .catsPosts-thumb:hover span,
.transition-wrap .related-posts-thumb:hover span{
	visibility: visible;
	opacity: 1
}
.transition-wrap .ft-thumb:hover .fa-link,
.transition-wrap .catsPosts-thumb:hover .fa-link,
.transition-wrap .related-posts-thumb:hover .fa-link{
	visibility: visible;
	margin-top: -24px;
	opacity: 1
}

.image-link {
    display: block;
    position: relative;
}
.effect-line {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.effect-line:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.effect-line:after {
    z-index: 1;
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(0, 1);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.effect-line:hover:before, .effect-line:hover:after {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
.image-link:hover {
  -webkit-transition: opacity 0.3s linear;
   -moz-transition: opacity 0.3s linear;
     -o-transition: opacity 0.3s linear;
   transition: opacity 0.3s linear;
  opacity: 0.7;
}

.transition--thumbnail {
    display: block;
    position: relative;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.transition--thumbnail { display: block; position: relative}
.transition--thumbnail:after, .transition--thumbnail:before { z-index: 1; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s}
.transition--thumbnail:hover:before { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; top: 50%; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s}
.transition--thumbnail:hover:after { background-color: rgba(255, 255, 255, 0.5); left: 50%; right: 50%; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s}

/*Style sidebar*/

.sidebar-box .sidebar-posts, 
.sidebar-box .widget_text, 
.sidebar-box .widget_categories, 
.sidebar-box .widget_tag_cloud {
    background: #fff;
    margin-bottom:20px
}
.sidebar-posts{position:relative}
.sidebar-posts ul li h4{display:table}
.sidebar-posts ul li a:hover,
.top-cate-posts ul li h4 a:hover{transition:ease all 0.3s;color:#ed1c24 !important}
.sidebar-posts ul li{border-bottom:1px dashed #ccc;padding:20px 0;overflow: hidden;display: block;position:relative}
.sidebar-posts ul li:last-child{border-bottom:none}
.sidebar-posts ul li h4 a{color:#3d3d3d;line-height:21px}
.post-sidebar-thumb a{padding-left:0 !important}
.post-sidebar-thumb{width: 76px;margin-right: 12px}
.post-sidebar-thumb img{width:100%}

.list-sidebar-posts-cat .sidebar-first-post-cat h4{position: absolute;bottom: 19px;left: 0;
padding: 10px;background: rgba(0,0,0,.5); display: block; right: 0; z-index: 999}
.list-sidebar-posts-cat .sidebar-first-post-cat h4 a{color:#fff}
.list-sidebar-posts-cat .sidebar-first-post-cat .sfp-cat-thumb img{width:100%}
#site-sidebar .support-online-widget .sidebar-heading{padding-right: 44%; background-color: #D63240}

.support-online-widget ul li .spsb--name {display: block;float: left;width: 100%;font-weight: 500;color: #D63240}
.support-online-widget ul li .spsb--phone, .support-online-widget ul li .spsb--skyper {
width: 50%;float: left;font-size: 16px; color: #037c07}
.support-online-widget ul li .spsb--skyper {color: #337AB7;}
.support-online-widget ul li .spsb--name:before {content: '\f007';	}
.support-online-widget ul li .spsb--phone:before { content: '\f095';}
.support-online-widget ul li .spsb--skyper:before { content: '\f17e';}
.support-online-widget ul li span:before {font-family: 'FontAwesome';float: left;margin-right: 5px}
.support-online-widget ul li{padding:10px 0;border-bottom:1px dashed #ccc;overflow:hidden}
.support-online-widget ul li:last-child{border-bottom:none}
#site-sidebar .sidebar-heading,.posts-related .sidebar-heading{
    padding: 8px 0;
    color: #7a7a7c;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 5px;
    position: relative;
    font-size: 17px;
    font-family: robotobold;
    border-bottom: 2px solid #7a7a7c;
    border-radius: 0
}
#site-sidebar .facebook-widget{padding-left:0;padding-right:0;width:100%}
#site-sidebar .widget_media_image{margin-bottom:25px}

.sidebar-posts, .list-products-sidebar {
    position: relative;
    padding: 0 0 20px 0;
}
.list-pro-sidebar-item {
    display: block;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc
}
.list-pro-sidebar-item .list-pro-sidebar-thumb {
    width: 85px;
    margin-right: 15px;
}
.list-pro-sidebar-item .list-pro-sidebar-thumb img {
    width: 100%
}
.list-pro-sidebar-item h4 {
    margin-bottom: 10px;
}
.list-pro-sidebar-item h4 a {
    color: #000;font-family: robotobold;
    font-size: 16px;
    line-height: 20px
}

.meta-date{ font-size: 12px;color: #8b949d; margin-top: 7px}
.meta-date .fa-clock-o{font-size:1.2em}

/*Style related*/
#relatedposts{margin: 25px 0 30px 0; padding-top: 30px;  border-top: 1px solid #ccc}
#relatedposts h3{border-bottom: 1px solid #ed1c24; position: relative;
padding-bottom: 0px; text-align: center; margin-bottom: 40px}
#relatedposts >h3 span {font-size: 23px;text-transform: uppercase;font-family:robotobold;background: #fff;
color: #ed1c24;border: 1px solid;padding: 10px;position: relative;top: 9px;font-size: 18px}
#relatedposts .col-related{padding-top:12px;padding-bottom:12px}
#relatedposts .col-related h5{margin:13px 0;display:table}
#relatedposts .col-related h5 a{color:#333 !important;font-family:openbold;line-height:23px;position:relative}

#relatedposts  .related-posts-thumb{width:95px;margin-right:15px}
#relatedposts  .related-posts-thumb img{width:100%}
#relatedposts header h4{margin-bottom:4px}
#relatedposts header h4 a{font-family:robotobold;line-height:23px;color:#333}
#relatedposts header h4 a:hover{color:#ed1c24 !important}

.effect__over a span {
display: block; position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden}
.effect__over a span:after {
position: absolute;top: 0;left: 0;width: 110%;height: 110%;background: rgba(255,255,255,0.5);
-webkit-transition: -webkit-transform 0.9s;-moz-transition: -moz-transform 0.9s;-o-transition: -o-transform 0.9s;
-ms-transition: -ms-transform 0.9s;transition: transform 0.9s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
-ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);content: ''}
.effect__over a:hover span:after{
-ms-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
-webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)}
.effect__over a:hover img{opacity:0.9}

#post-single-prev-next{display:block;clear:both;overflow:hidden}
#post-single-prev-next .nav-box {display: block;position: relative;font-size: 14px;color: #999;margin-top:10px}
.post-single-previous {float: left;padding-left: 0}
#post-single-prev-next .nav-box a:after {position: absolute;color: #ccc;font-size:30px;
margin-top: -11px;height: 22px; line-height: 22px;top: 34%}
#post-single-prev-next .nav-box a {color: #444 !important;font-size: 17px}
#post-single-prev-next .nav-box {display: block;position: relative;font-size: 14px;color: #999;margin-top: 25px}
/*.post-single-previous a:after {content: '←';left: 0}
.post-single-next a:after {content: '→';right: 0}*/
.post-single-next {float: right;text-align: right;padding-right: 0}
#post-single-prev-next .nav-box a:hover{color:#ed1c24 !important}
#post-single-prev-next .nav-box span{color:#6f6f6f}


.box-tags{padding-top:20px}
.box-tags strong{border: 1px solid #222;padding: 6px;font-size:16px}
.box-tags a{border:1px solid #dedede;padding:6px 15px 4px;margin: 4px;color: #333;
transition: all 0.3s ease-out 0s;display: inline-table;color:#888}
.box-tags a:hover{background:#ffb200;color:#fff !important;transition:all 0.3s ease-out 0s;border:1px solid #ffb200}

.entry-posts{margin:5px 0}
.entry-content{text-align:justify}
.entry-content img{max-width:100%;height:auto}
.entry-content p{padding-top:7px;padding-bottom:7px;line-height:25px}
.entry-container h1{font-size:30px;padding-top:7px;padding-bottom:7px}
.entry-content h2{font-size:22px;padding-top:10px;padding-bottom:10px;font-family:robotobold;text-transform:uppercase;}
.entry-content h3{font-size:20px;padding-top:10px;padding-bottom:10px;font-family:robotobold}
.entry-container h4{font-size:19px;padding-top:10px;padding-bottom:10px;font-family:robotobold}
.entry-container h5{font-size:17px;padding-top:10px;padding-bottom:10px;}
.entry-container h6{font-size:15px;padding-top:10px;padding-bottom:10px;}
.entry-content h2,.entry-content h3,.entry-container h4{text-align: left !important;line-height: 29px}
.entry-container{color:#474646;margin-bottom:25px;line-height:27px}
.entry-content ul{margin-left:35px}
.entry-content ul li{list-style: disc !important; margin-left: 10px;line-height:30px;font-size: 15px}
.entry-content ul li a{color:#c94332  !important}
.entry-content ul li a:hover{text-decoration: underline !important}
.entry-content a{color:#c94332}
.entry-content h2 span{font-size:20px}.entry-content .gallery .gallery-item .gallery-icon img{border:1px solid #cfcfcf !important}

/*Front Page Product*/
.products_front_page{padding:15px 0}
.products_front_page h3{border-bottom: 3px solid #ee0808;font-size: 16px;margin-bottom:10px}
.products_front_page h3 span{display: inline-block;
    font-family: openbold;
    padding: 0 18px;
    text-transform: uppercase;
    line-height: 37px;
    position: relative;
    color: #fff;
    background: #ee0808}
.products_front_page h3 span:before{
    border-right: 20px solid transparent;
    border-bottom: 37px solid #ee0808;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
}

/*Entry product*/
.entry-product__content{margin-top:30px}
#description-taxonomy__product{}
.entry-short-desc .title-products{font-size: 21px; font-family: robotobold; line-height: 26px;margin-bottom:10px}
.short-desc__content p{line-height:25px;padding:5px 0} 
.short-desc__content h3{font-family:robotobold;margin-bottom:10px}

.entry-products-param {margin:20px 0}
.entry-products-param  .products-param__item{padding-top:15px;padding-bottom:15px}
.entry-products-param  .products-param__item p{line-height: 28px; padding: 7px 0; border-bottom: 1px dashed #ccc}
.entry-products-price{margin:15px 0}
.entry-products-price p{font-weight:400}
.entry-products-price p strong{font-size: 18px;font-weight:400}
.entry-products-price p strong .symbol {
	    color: currentColor;
    font-size: 10px;
    position: relative;
    top: -5px;
    left: -4px;
}
    .entry-products-price p strong ins{  color:red;  text-decoration: none;
        margin-left: 16px; }


.entry-product-status {
	font-size:20px
}
.entry-product-status .label {
	    color: #333;
    font-size: 15px;
    padding: 0;
	font-weight: normal;
}

.entry-product-status .value {
	    color: #eb0d2b;
    font-size: 15px;
	    font-weight: bold;
}
.entry-specifications .entry-specifi-wrap span{font-family:robotobold}
.entry-specifications .entry-specifi-wrap ul{margin-left:0 !important;margin-top:5px}
.entry-specifications .entry-specifi-wrap ul li{    list-style: none !important;margin-left: 0}
.entry-specifications h4{text-transform: uppercase;font-size: 1.5em;line-height: 1em;margin-bottom: 20px;} 
.entry-specifications .entry-specifi-wrap .link-specifi-pdf{
	background-image:url('image/file-icon-32x32.png');padding-left: 1.5em;width:32px;height:32px;
    background-size: 1em 1em;background-repeat: no-repeat}

.product-related h3{margin-bottom:20px}
.title__des{margin: 10px 0}
.title__des h3{border-bottom: 3px solid #7a7a7c;padding: 0 !important}
.title__des h3 span{font-size: 16px;text-transform: uppercase;
background: #7a7a7c;color: #fff; padding: 10px 20px 8px;display: table}

.products_item{padding-top:15px;padding-bottom:15px}
.products-item__wrap{
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.05);
    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s;
    text-align: center;padding: 10px
}
.cats-products-item  .products-item__wrap .cats-products--info h4{height:48px !important}

.cats-products-item  .products-item__wrap .cats-products--info .price{
	font-size: 14px;
}

.cats-products-item  .products-item__wrap .cats-products--info .price strong {
	   font-weight:400;
		color:red
}

.cats-products-item  .products-item__wrap .cats-products--info .price del {
	   font-weight:400;
		color:#222;
}

.cats-products-item  .products-item__wrap .cats-products--info .price strong ins {
    text-decoration: none;
    margin-left: 10px;

}

.cats-products-item  .products-item__wrap .cats-products--info .price .symbol {
    color: currentColor;
    font-size: 10px;
    position: relative;
    top: -2px;
    left: -3px;
}

.cats-products--info{margin-top:15px}
.cats-products--info h4{height: 45px;overflow: hidden}
.cats-products--info h4 a{color: #333;font-family: robotobold;text-transform: uppercase;line-height: 21px}
.cats-products--info h4 a:hover{color:#ed1c24 !important}

/*Social entry post*/
.header-social.single-social {
    float: left;padding: 15px 0 10px 0;width:100%;
    margin-bottom: 20px;margin-top:25px;border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}
.header-social {
    float: right;display: inline-block;
    margin-bottom: 32px;
}
.rrssb-buttons li {
    float: left;height: 100%;list-style: none;margin: 0;
    padding: 0 2.5px;line-height: 13px;margin-bottom: 5px;
    width: auto
}
.rrssb-buttons,.rrssb-buttons li,.rrssb-buttons li a {box-sizing: border-box}
.rrssb-buttons li a {
    background-color: #ccc;display: block;font-size: 11px;font-weight: bold;padding: 11px;
    min-width: 42px;position: relative;text-align: center;text-decoration: none;
    text-transform: uppercase;width: 100%;border-radius: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color 0.2s ease-in-out
}
.rrssb-buttons, .rrssb-buttons li, .rrssb-buttons li a {box-sizing: border-box}
.header-social a:last-child {margin-right: 0}
.header-social a {
    padding: 0px 0px 8px;float: left;
    font-size: 20px;line-height: 1;width: 42px;
    box-sizing: border-box;margin-right: 3px;text-align: center
}
.rrssb-buttons li a .text {color: #fff;font-size:11px;margin-left: 7px;vertical-align: 3px}
.header-social a .fa {color: #fff}
.single-social a .fa {font-size: 20px}

.rrssb-buttons li.googleplus a {background-color: #eb5e4c}
.rrssb-buttons li.facebook a, 
.rrssb-buttons li.facebookshare a {background-color: #306199}
.rrssb-buttons li.twitter a {background-color: #26c4f1}
.rrssb-buttons li.reddit a {background-color: #8bbbe3}
.rrssb-buttons li.pinterest a {background-color: #e13138}
.rrssb-buttons li.stumbleupon a { background-color: #ff5c30}
.rrssb-buttons li.email a { background-color: #0a88ff}
.rrssb-buttons li.facebook a:hover, 
.rrssb-buttons li.facebookshare a:hover { background-color: #244872 }
.rrssb-buttons li.email a:hover { background-color: #006ed6 }
.rrssb-buttons li.reddit a:hover { background-color: #62a3d9 }
.rrssb-buttons li.twitter a:hover { background-color: #0eaad6 }
.rrssb-buttons li.googleplus a:hover { background-color: #e93f2e }
.rrssb-buttons li.pinterest a:hover { background-color: #b81621 }
.rrssb-buttons li.stumbleupon a:hover { background-color: #EF4E22 }

#descript-taxonomy{text-align:justify}
#descript-taxonomy p{line-height:26px;padding:3px 0}
#descript-taxonomy ul li{list-style: disc !important; margin-left: 30px;line-height:26px}

@-moz-keyframes call-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-webkit-keyframes call-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-o-keyframes call-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@keyframes call-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-moz-keyframes call-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes call-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes call-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}
@keyframes call-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes call-icon-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%,
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%,
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}
@-webkit-keyframes call-icon-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%,
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%,
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}
@-o-keyframes call-icon-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%,
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%,
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}
@keyframes call-icon-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%,
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%,
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

.call_ichloi {width: 200px;height: 200px;display: block;position: fixed;bottom: 10%;left: -2%;overflow: hidden;z-index: 9999999}
.call_ichloi_circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    border: 2px solid #93bc0a;
    opacity: .5;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    animation: call-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: call-circle-anim 1.2s infinite ease-in-out;
    -o-animation: call-circle-anim 1.2s infinite ease-in-out;
    -webkit-animation: call-circle-anim 1.2s infinite ease-in-out;
}
.call_ichloi_circle_fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    opacity: .75;
    background: #93bc0a;
    border: 2px solid transparent;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    animation: call-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: call-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: call-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-animation: call-circle-fill-anim 2.3s infinite ease-in-out;
}
.call_ichloi_icon {
    position: absolute;
    top: 70px;
    right: 70px;
    width: 60px;
    height: 60px;
    background: url('image/icon-phone.png') center center/60% auto no-repeat #d12e2e;
    border: 2px solid transparent;
    opacity: .7;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    animation: call-icon-anim 1s infinite ease-in-out;
    -o-animation: call-icon-anim 1s infinite ease-in-out;
    -moz-animation: call-icon-anim 1s infinite ease-in-out;
    -webkit-animation: call-icon-anim 1s infinite ease-in-out;
}

.call_ichloi, a[href] {cursor: pointer;}

.partner-box{background-repeat:no-repeat;width:100%;background-size: 100% auto; padding: 20px 0}
.partner-box h2{margin-bottom:35px}
.col-part-item{text-align:center;width:100%}
.partner-box .owl-theme .owl-dots{height:0;display:none !important}
.partner-box .owl-carousel .owl-item img{width:initial !important;margin:0 auto}
.partner-box  .owl-theme .owl-nav{height:0}
.partner-box  .owl-theme .owl-nav .owl-prev{position: absolute;
    left: -5px;
    top: 30%
	}
.partner-box  .owl-theme .owl-nav .owl-next{
	position: absolute;
    right: -5px;
    top: 30%
}

/*Style Profit*/

/*Style Footer*/
	
footer{clear: both}
.address-footer{
    background-color: #f7f7f7;
    padding: 15px 0 20px}
.footer-out{margin-top:20px}
footer p{font-size:14px;line-height:28px;color:#333}
footer p strong{color:#333}
footer a{color:#7c7e83}

.ft-widget h3{color:#000;font-size:16px;margin-top:15px;
text-transform:uppercase;position:relative;padding-bottom:15px;font-family: robotobold}

.ft-widget h2{font-family: openbold;color:#bb9834;padding:0 0 10px 0;font-size:18px;line-height:26px}
.ft-widget .widget_media_image {text-align:center}
.ft-widget:nth-of-type(4){}
.ft-address ul{padding-top:10px;padding-left:15px}
.ft-address ul li{color: #333;list-style: disc !important;font-size: 15px;line-height: 23px;padding: 5px 0}

.ft-news ul{overflow: hidden;padding-left:15px}
.ft-news ul li{padding:7px 0}
.ft-news ul li a{transition: all 0.5s ease-in-out;color:#333}
.ft-news ul li a:before{position: absolute;font-family: FontAwesome;content: '\f105';margin-left: -12px;margin-top:0px}
.ft-news ul li a:hover{color:#ed1c24 !important;transition: all 0.5s ease-in-out;text-decoration:underline !important}
.ft-news input.form-control{height: 40px; background:transparent;color: #fff;border-radius: 0}

.posts-popular-footer{padding:0}
.ft-news div.wpcf7{margin-top:12px !important}
.posts-popular-footer .post-sidebar-thumb img{border-radius:0;width:100%;height:auto}
.posts-popular-footer .post-sidebar-thumb{height:auto}
.posts-popular-footer ul{padding-left:0 !important}
.posts-popular-footer ul li{padding:10px 0;border-bottom:none;width:100% !important}
.posts-popular-footer ul li a{color:#fff !important}
.posts-popular-footer ul li a:before{content:''}
.copyright-footer{background:#f1efef;padding:15px 0 5px}
.ft-address .fa { color: #747474}
.copyright-footer p{color:#7c7e83}
.social-item{position:relative;top:-2px}

#hotline-scroll {position: fixed; top: 30%; left: 0; z-index: 9999999 }
#hotline-scroll li {display: block; position: relative; left:0; float: none; width: auto; 
border-radius: 0 30px 30px 0; margin-bottom: 2px; background-color: rgba(0, 107, 50, 0.74); color: #fff; 
font-size: 16px; font-weight: bold; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
#hotline-scroll li:hover {left: 0}
#hotline-scroll li a {display: block; padding: 5px 15px 5px 6px }
#hotline-scroll li .text {display: inline-block; text-align: center; color: #fff }
#hotline-scroll li small {display: block; font-size: 20px; font-weight: 700; color: #dba135}
#hotline-scroll li .icon {display: inline-block; float: right; width: 47px; height: 47px; margin: 1px 0 0 12px }

.footer-sup{display:none}
#top {width: 42px;height: 42px;position: fixed;bottom:100px;border-radius:50%;
left: 10px;cursor: pointer;background-color:rgba(102,102,102,0.9);z-index:99999999}
#top .fa-angle-up{color: #fff;margin:5px 12px}
#top:hover{background-color:rgba(102,102,102,0.4)}


.store-bravat {
    background: #eb0d2b;
    position: fixed;
    bottom: 35px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 40px;
    color: #fff;
    left: 10px;
    z-index: 99999;
}
.store-bravat a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    margin-right: 10px;
    padding-left: 10px;
}
.store-bravat i {
    font-size: 20px;
    line-height: 40px;
    background: #b52026;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    float: right;
}
.store-bravat a:hover{color:#c6c7c7 !important}
.wptb-table-container table td:nth-of-type(1){width:3%}
.wptb-table-container table td:nth-of-type(7){width:5%}


.products-item__wrap img {
		aspect-ratio: 1/1;
        object-fit: cover;
}


#relatedposts .related-posts-thumb img,
.list-pro-sidebar-item .list-pro-sidebar-thumb img,
.post-sidebar-thumb img,
.catsPosts-thumb img{
	aspect-ratio: 3 / 2;
        object-fit: cover;
}

@font-face{font-family:'Font-Name';src:url('fonts/font-name.eot');src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');font-weight:normal;font-style:normal;}
@media only screen and (max-width:320px){}
@media only screen and (max-width:375px){
	.post-cat-wrap .ft-cat-post .ft-thumb img{width:125px;height:125px;margin-right:15px}
}
@media only screen and (max-width:479px){
	.logo{width: 80%}
	.logo img,.fixed .logo img{margin-top:10px}
	.consth-pro-item{padding-left:0;padding-right:0}
}
@media only screen and (max-width:480px){
	.tith-h2 span{font-size: 24.5px;}
	.post-cat-wrap{margin-left:0 !important;margin-right:0 !important}
	.catsPosts-item{padding-top:20px;padding-bottom:0}
	#right-id{float:none !important;clear:both}
	.related-posts-thumb{width:100%}
	.col-related h4 a,.sidebar-posts ul li h4 a{font-size:17px !important}
	.col-related header p {display:none}
	.ft-news ul li{width:50%}
}
@media only screen and (min-width:480px) and (max-width:767px){
	.col-related{float:left}

}
@media only screen and (max-width:767px){
	.logo{padding-left:15px}
	.logo img{margin-bottom:10px;margin-left:0}
	.nav-main-menu{min-height:50px}
	.nav{margin:0 !important}
	.nav-main-menu ul.navbar-nav li:last-child{border-bottom:none}
	.post-cat-wrap{margin-left:15px;margin-right:15px}
	.catsSlug-item{padding-left:0;padding-right:0}
	.catsSlug-item__wrap .catsSlug-thumb img,.rel-products-thumb img{width:100%}
	.cats-products--info{margin-bottom:15px}
	.cats-products--info h4{height:auto}
	.cats-products-item .products-item__wrap .cats-products--info h4{height:auto !important}
	.products-item__wrap .cats-products-thumb img{width:100%;height:auto}

	
}
@media only screen and (max-width:991px){
	#left-id{float:none !important}
	#right-id{margin-top:35px;float:none !important;clear:both}
	.logo{float:left;padding-left:0;padding-right:0;width:35%}
	.logo img{width:75%;margin-top:15px}
	.fixed .logo img{width:40%}
	#site-header ,.header-menu{height:auto}
	.navbar-header,#nav-menu-wrap {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
	#nav-main-wrap{padding-left:0;padding-right:0}
	#nav-menu-wrap {clear: initial;}
    #nav-menu-wrap .navbar-toggle {margin-top: 0;display: block;margin-right:0;margin-bottom:20px}
    #nav-menu-wrap .navbar-collapse{padding-left:0;padding-right:0}
    .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin-top: 7.5px;}
	.navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .collapse.in{display:block !important;}
	.nav-main-menu{float:none;padding-top:0}
	.nav-main-menu .navbar-toggle{}
	.nav-main-menu .navbar-toggle .icon-bar{background-color:#888 !important}
	.nav-main-menu .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent}
	.fixed {max-height: 60%;overflow-y: auto;}
	.fixed .nav-main-menu ul.navbar-nav li a{color: #fff !important;padding:10px 12px}
	.fixed .nav-main-menu ul.navbar-nav ul.sub-menu li a{color:#fff !important;padding-left:17px !important}
	.nav-main-menu ul.navbar-nav li a{line-height:normal;margin-bottom:0;padding:0.8em 0 0.8em 0}
	.navbar-default .navbar-nav>.active>a{background-color:transparent}
	.nav-main-menu ul.navbar-nav ul.sub-menu li a{padding:1em 1em 1em 1.2em !important}
	.nav-main-menu ul.sub-menu{box-shadow:none;width:100%;position:initial;visibility:initial;transform:initial;background:transparent}
	.nav-main-menu ul.sub-menu li{border-bottom:none !important}
	.nav-main-menu ul.navbar-nav li{border-bottom: 1px dashed #ccc}
	.tca-menu ul ul{background-color:transparent !important;padding-left:1em !important}
	.tca-menu ul ul li a span{color:#fff !important}
	.tca-menu ul ul li{border-top:none !important}
	.nav-main-menu ul.navbar-nav ul.sub-menu li{border-top:1px dashed #ccc}
	.nav-main-menu ul.navbar-nav li a:hover, .nav-main-menu ul.navbar-nav .current-menu-item a{background-color:transparent !important}
	.accordion-btn{color:#9d9d9d;line-height:44px !important;height:44px !important}
	
	.head-right{margin-bottom:0;margin-top:0 !important;float:left !important}
	.search-form__wrap {clear: both;}
	.search-form__wrap form input.search-input { width: 100% !important }
	
	.const-pro-box{padding:15px 0 20px}
	.const-pro--wrap{padding-top:15px}
	.entry-product-thumb{padding-left:0;padding-right:0}
	.entry-product-thumb img{width:100%;height:auto}
	.entry-short-desc .title-products{margin-top:15px}
	.entry-short-desc{padding-left:0;padding-right:0}
	
	#breadcrumb{margin-left:15px;margin-right:15px}
	.const-pro--wrap .consth-pro-item .consth-pro-thumb img,
	.const-pro--wrap .consth-pro-item .consth-pro-thumb{height:auto}
	.entry-description{padding-left:15px;padding-right:15px}
	.sidebar-posts ul li h4 a{font-size:18px}
	.posts-related .col-related:nth-of-type(3),
	.posts-related .col-related:nth-of-type(5),
	.posts-related .col-related:nth-of-type(7){clear:both}
	.col-related h4{min-height:0}
	.address-footer{padding:30px 0}
	.copyright-footer p{float:none !important;text-align:center}
}
@media (max-width:1023px){
	.wptb-table-container table td{width:inherit !important}
	
}
@media only screen and (min-width:768px){
	.col-related p{height:62px}
}
@media only screen and (min-width:481px) and (max-width:1024px){
	.catsPosts-thumb{width: 40%;float: left; margin-right: 15px}
}
@media only screen and (min-width:640px) and (max-width:991px){
	.widget-footer{width: 33%;float: left}
}

@media only screen and (min-width:992px) and (max-width:1199px){
	.posts-related .col-related:nth-of-type(5){clear:both}
}
@media (min-width:992px){
	#relatedposts .col-related h5{height:40px}
	.widget-footer{width:21%}
	

}
@media (min-width:1024px){
	#left-id{float:left !important}
	#right-id{float:right !important;clear:inherit}
	.colbaner{width:66.6%;padding-right:0}
	.col-related p{height:48px}

	.catsPosts-thumb{width: 30%;float: left;margin-right: 20px}
	.catsPosts-thumb img{height:auto;width:100%}
}
@media only screen and (min-width:1140px){}
@media (min-width: 1200px){
	.col-left{width:70%;padding-left:0;padding-right:0}
	.col-right{width: 26.7777%;padding-left:0;padding-right:0}

	.posts-related .col-related:nth-of-type(5){clear:both}
}
@media only screen and (min-width:1280px){}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){}
::selection{background:#04A4CC;color:#FFF;text-shadow:none;}
::-webkit-selection{background:#04A4CC;color:#FFF;text-shadow:none;}
::-moz-selection{background:#04A4CC;color:#FFF;text-shadow:none;}
.alignnone{margin:5px 20px 10px 0;}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left;margin:5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption .wp-caption-text,
.gallery-caption{font-size:13px;line-height:17px;margin:0;padding:8px 4px 5px;font-style:italic}
.sticky{}
.bypostauthor{}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after,a[href^="javascript:"]:after,
a[href^="#"]:after{content:"";}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
img{max-width:100% !important;}
@page{margin:0.5cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
}
.pagination{clear:both;padding-right:10px}
.pagination a, .pagination span{padding:9px 15px;margin: 0 3px;
color: #3d3d3d;background: #b7b7b7;font-size: 12px }
.pagination span{background:#7d7979 !important;color: #fff !important;border: none}
.pagination a:hover{background-color:#6b6868 !important;color:#fff !important}
@media screen and (-webkit-min-device-pixel-ratio:0){}
